MapBox
项目中用到MapBox也是偶然的机会,项目中需要采用3D地图,当现有的工具(百度地图)无法满足我们的需求,我们肯定需要更高级开源的地图,无奈谷歌地图无法在国内使用,已是便找到Leafle,一开始惊艳于leafle的开源程度和其与众不同的地图风格,后来顺藤摸瓜,找到一个商业性地图,它便是我们的主角-MapBox
作为国外的一款地图,看到其效果时便一发不可收拾
由于项目主要采用3d GL,国内在这方面的文档不多,只能举起社会主义的镰刀和火炬,一遍遍地看它的官方文档
mapbox gl www.mapbox.com/mapbox-gl-j…项目引入Mapbox
CDN模式
在项目html的
中直接插入mapbox复制代码
module bundler模式
npm install --save mapbox-gl
// cnpm install --save mapbox-gl
初始化地图
这里的思路和之前写的一遍文章[百度地图组件化][2]一样,都是将地图单独抽出来
mapbox.vue
export default {
props: {
mapWidth: {
type: String
},