diff --git a/src/components/draw.component.vue b/src/components/draw.component.vue index bcdbecd..cce8908 100644 --- a/src/components/draw.component.vue +++ b/src/components/draw.component.vue @@ -449,8 +449,9 @@ export default class DrawComponent extends Vue { this.map.remove(); this.map = null; } - destoryed(){ - this.removeMap() + destroyed(){ + // console.log(123) + // this.removeMap() } } diff --git a/src/components/map.component.vue b/src/components/map.component.vue index 61194fd..7e8caad 100644 --- a/src/components/map.component.vue +++ b/src/components/map.component.vue @@ -7,33 +7,33 @@ import mapboxgl from "mapbox-gl"; import "mapbox-gl/dist/mapbox-gl.css" @Component export default class MapComponent extends Vue { - public map:any + public map: any @Prop({ - required:false, - default:"map" + required: false, + default: "map" }) - id:string; + id: string; - @PropSync("position",{ - required:false, - default:()=>{ - return [119.592977,34.523847] + @PropSync("position", { + required: false, + default: () => { + return [119.592977, 34.523847] } }) - center:number[] + center: number[] @Prop({ - required:false, - default:12 + required: false, + default: 12 }) - zoom:number; + zoom: number; @Emit("onLoad") - onLoad(map){ + onLoad(map) { } - public initMap(){ + public initMap() { mapboxgl.accessToken = "pk.eyJ1IjoiaGJ0a2owMjUiLCJhIjoiY2xtYWFobzgxMHBtbDNkbnpwNXJjZW1xNCJ9.lTnRVhs5R5BJ7lswSDufYQ"; this.map = new mapboxgl.Map({ // accessToken :"pk.eyJ1IjoiMTgzODI0ZHl0IiwiYSI6ImNqbHExNDVjZzI0ZmUza2wxMDhocnlyem4ifQ.FZoJzmqTtli8hAvvAc1OPA", @@ -42,21 +42,22 @@ export default class MapComponent extends Vue { center: this.center, zoom: 16, }); - this.map.on("load",()=>{ + this.map.on("load", () => { this.map.resize() this.onLoad(this.map) }) } - mounted(){ + mounted() { this.initMap() } - beforeDestory(){ - + beforeDestroy() { + // this.map.remove(); + // this.map = null; } }