Skip to content

蒋波涛 / super_mapboxgl_vue

Go to a project
Toggle navigation
Toggle navigation pinning
95fe030d by unknown
Options

20191228

1 parent 51913992
Inline Side-by-side
Showing 2 changed files with 34 additions and 10 deletions
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 * @Author: jiangbotao 3 * @Author: jiangbotao
4 * @Date: 2019-12-09 23:17:48 4 * @Date: 2019-12-09 23:17:48
5 * @LastEditors : jiangbotao 5 * @LastEditors : jiangbotao
6 * @LastEditTime : 2019-12-27 17:45:58 6 * @LastEditTime : 2019-12-28 15:34:54
7 * @FilePath: \mymapbox\src\components\Map3857.vue 7 * @FilePath: \mymapbox\src\components\Map3857.vue
8 --> 8 -->
9 <template> 9 <template>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: jiangbotao 2 * @Author: jiangbotao
3 * @Date: 2019-12-09 23:17:48 3 * @Date: 2019-12-09 23:17:48
4 * @LastEditors : jiangbotao 4 * @LastEditors : jiangbotao
5 * @LastEditTime : 2019-12-27 17:49:16 5 * @LastEditTime : 2019-12-28 15:31:12
6 * @FilePath: \mymapbox\src\components\Map3857.vue 6 * @FilePath: \mymapbox\src\components\Map3857.vue
7 --> 7 -->
8 <template> 8 <template>
...@@ -64,15 +64,39 @@ export default { ...@@ -64,15 +64,39 @@ export default {
64 minZoom: 8, 64 minZoom: 8,
65 zoom: 9 // starting zoom 65 zoom: 9 // starting zoom
66 }); 66 });
67 map.addControl(new Logo(), 'bottom-right'); 67 // map.addControl(new Logo(), 'bottom-right');
68 map.addControl(new mapboxgl.NavigationControl(), 'top-left'); 68 // map.addControl(new mapboxgl.NavigationControl(), 'top-left');
69 map.addControl(new mapboxgl.ScaleControl({})); 69 // map.addControl(new mapboxgl.ScaleControl({}));
70 map.addControl(new mapboxgl.FullscreenControl(),'top-right'); 70 // map.addControl(new mapboxgl.FullscreenControl(),'top-right');
71 71
72 // var popup = new mapboxgl.Popup({ closeOnClick: false }) 72 var popup1 = new mapboxgl.Popup({ closeButton: false })
73 // .setLngLat([120.47, 27.78169]) 73 .setLngLat([120.65, 28.02])
74 // .setHTML('<h1>Hello World!</h1>') 74 .setHTML('<h1>鹿城区</h1>')
75 // .addTo(map); 75 .addTo(map);
76 var popup2 = new mapboxgl.Popup({ closeButton: false })
77 .setLngLat([120.65, 27.78])
78 .setHTML('<h1>瑞安市</h1>')
79 .addTo(map);
80 var popup3 = new mapboxgl.Popup({ closeButton: false })
81 .setLngLat([120.08, 27.80])
82 .setHTML('<h1>文成县</h1>')
83 .addTo(map);
84 var popup4 = new mapboxgl.Popup({ closeButton: false })
85 .setLngLat([119.70, 27.56])
86 .setHTML('<h1>泰顺县</h1>')
87 .addTo(map);
88 var popup5 = new mapboxgl.Popup({ closeButton: false })
89 .setLngLat([120.40, 27.52])
90 .setHTML('<h1>苍南县</h1>')
91 .addTo(map);
92 var popup6 = new mapboxgl.Popup({ closeButton: false })
93 .setLngLat([120.98, 28.12])
94 .setHTML('<h1>乐清市</h1>')
95 .addTo(map);
96 var popup7 = new mapboxgl.Popup({ closeButton: false })
97 .setLngLat([120.70, 28.16])
98 .setHTML('<h1>永嘉县</h1>')
99 .addTo(map);
76 } 100 }
77 } 101 }
78 </script> 102 </script>
......