qq_14993591的博客

【代码】[mapbox] 分屏对比。

由于map不存在于data中了，所以这种传值要改掉，但是也不能改为window.map，因为这种写法会认为你在data里面有一个window对象，，，建议不传值了，反正都是window.map，别的页面也就直接用就完事儿了。其实在cesium使用中，挂载到window中是很常见的写法，但是在mapbox中却是没有这样考虑过，这下我们就使用window来挂载map。比如draw绘画插件、compare卷帘插件等等，声明的时候也不可以在data里面，改为挂在window下。3、将map通过组件传值的方法。

要求图像要位于sprite雪碧图中，但是实际其实并不需要，也像symbol那样loadImage把图片提前引进去就可以了。放进线要素里面，然后无缝衔接就行了，拐角mapbox会自动给你处理好。

Mapbox: style样式规范——图层篇

同时，在加载图片的时候，可以使用Mapbox提供的。如果你的设备是2x分辨率的屏幕（如iPhone的Retina屏），那么Mapbox会自动加载2x的sprite图片，以保证显示效果。，这样Mapbox就会自动加载2x分辨率的sprite图片，并按照正确的比例显示图标，避免了过大的问题。同时，如果你提供了多个分辨率的sprite图片，Mapbox也会通过优先级来选择加载的图片。比如，如果你的设备是1x分辨率的屏幕，那么Mapbox会自动加载1x的sprite图片；参数来指定加载哪种分辨率的图片。

pop.vueinitMap.js参考：https://www.jianshu.com/p/9e68e081ab3b

mapbox