之前写过一个 leaflet 互联网地图纠偏插件，引用插件后一行代码都不用写，就能解决国内互联网地图瓦片的偏移问题。 最近想对 mapboxgl 也写一个这样的插件。 原因是自己发布的OSM矢量瓦片地图精度不够高，当需要放大地图查看详细信息时，就可以拿百度、高德的栅格瓦片做个补充。而使 ...

在项目里要用到mapboxgl这个插件，所以就记录了一下使用的过程 准备工作 1.去mapboxgl官网中注册账号，并新建一个token 2.使用npm引入mapbox的库： 页面中配置 在布局中空新建一个div，为其配置一个id，在初始化mapbox的时候将id对应 ...

先说结论，结论当然是：大功告成，喜大普奔。看效果图： 好了，接下来说一下过程 先回顾一下这个系列的 第一篇 和 第二篇 第一篇是直接改的 mapboxgl 源码，在源码里面对瓦片的位置进行纠偏，遇到的问题是，地图旋转时会有错位，还有瓦片纠偏后屏幕边缘会有空白。 第二篇是写了一个 ...

前段时间写的mapboxgl 互联网地图纠偏插件（一）存在地图旋转时瓦片错位的问题。 这次没有再跟 mapboxgl 的变换矩阵较劲，而是另辟蹊径使用 mapboxgl 的自定义图层，重新写了一套加载瓦片的方法来实现地图纠偏。 下面把我这次打怪升级的心路历程分享一下，或许对你也有启发。 文中 ...

最近在使用mapboxgl实现轨迹展示时，想实现类似高德地图导航轨迹效果，然而并未在网上找到类似示例。经一番研究与尝试，最终解决，效果如下。 添加箭头核心代码如下，只需在配置layout中添加symbol-placement和symbol-spacing属性即可： 然而，为实现上述效果 ...

最近在使用mapboxgl实现轨迹展示时，想实现类似高德地图导航轨迹效果，然而并未在网上找到类似示例。经一番研究与尝试，最终解决，效果如下。 添加箭头核心代码如下，只需在配置layout中添加symbol-placement和symbol-spacing属性即可： 然而，为实现上述效果 ...

概述 历史轨迹回放是GIS很常见的一个功能，本文结合turf.js实现轨迹的展示与播放动画。 效果 实现功能 轨迹的展示； 轨迹的方向的箭头展示； 随着轨迹播放的小车，并调整方向与轨迹方向一致； 已播放路径的展示； 多条轨迹线的同时播放展示； 实现 ...