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 @@
* @Author: jiangbotao
* @Date: 2019-12-09 23:17:48
* @LastEditors : jiangbotao
* @LastEditTime : 2019-12-27 17:45:58
* @LastEditTime : 2019-12-28 15:34:54
* @FilePath: \mymapbox\src\components\Map3857.vue
-->
<template>
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-09 23:17:48
* @LastEditors : jiangbotao
* @LastEditTime : 2019-12-27 17:49:16
* @LastEditTime : 2019-12-28 15:31:12
* @FilePath: \mymapbox\src\components\Map3857.vue
-->
<template>
......@@ -64,15 +64,39 @@ export default {
minZoom: 8,
zoom: 9 // starting zoom
});
map.addControl(new Logo(), 'bottom-right');
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
map.addControl(new mapboxgl.ScaleControl({}));
map.addControl(new mapboxgl.FullscreenControl(),'top-right');
// map.addControl(new Logo(), 'bottom-right');
// map.addControl(new mapboxgl.NavigationControl(), 'top-left');
// map.addControl(new mapboxgl.ScaleControl({}));
// map.addControl(new mapboxgl.FullscreenControl(),'top-right');
// var popup = new mapboxgl.Popup({ closeOnClick: false })
// .setLngLat([120.47, 27.78169])
// .setHTML('<h1>Hello World!</h1>')
// .addTo(map);
var popup1 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.65, 28.02])
.setHTML('<h1>鹿城区</h1>')
.addTo(map);
var popup2 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.65, 27.78])
.setHTML('<h1>瑞安市</h1>')
.addTo(map);
var popup3 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.08, 27.80])
.setHTML('<h1>文成县</h1>')
.addTo(map);
var popup4 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([119.70, 27.56])
.setHTML('<h1>泰顺县</h1>')
.addTo(map);
var popup5 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.40, 27.52])
.setHTML('<h1>苍南县</h1>')
.addTo(map);
var popup6 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.98, 28.12])
.setHTML('<h1>乐清市</h1>')
.addTo(map);
var popup7 = new mapboxgl.Popup({ closeButton: false })
.setLngLat([120.70, 28.16])
.setHTML('<h1>永嘉县</h1>')
.addTo(map);
}
}
</script>
......