mapbox中文地图_vue 地图可视化（2）mapbox篇

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

},