mapboxgl
mapboxgl 中插值表达式的应用场景
一、前言interpolate是mapboxgl地图样式中用于插值的表达式，能对颜色和数字进行插值。 它的应用场景有两类： 对地图数据进行颜色拉伸渲染。常见的应用场景有：热力图、轨迹图、模型网格渲染等。在地图缩放时对图形属性进行插值。具体为，随着地图的缩放，在改变图标大小、建筑物高度、图形颜色等属性 ......
mapboxgl加载geoserver发布的WMS服务
获取地址 wms服务发布之后，在图层预览这里，找到我们发布的图层服务，然后下拉框内选择WMS服务下的png 这个链接要把bbox换成{bbox-epsg-3857}，就可以了。 wms服务一般可以用一些样式文件，调用上面的链接的时候，可以把styles=的后面的换成这里的自定义样式。 加载geose ......
mapboxgl的地图事件输出事件时参数不带features属性
map.on("click", "china", (e) => { console.log(e); console.log(e.features); }); 很疑惑？事件在输出时，features给过滤掉了 ......
Mapboxgl Chrome75版本下发现问题：中文标签无法加载，由Canvas的measureText()方法导致
很刁钻的问题，排查了好久。 我自己开发测试用的浏览器（版本为112）运行正常，在老版本（75）谷歌浏览器报错如下： mapbox-gl.js:32 Uncaught TypeError: Failed to execute 'getImageData' on 'CanvasRenderingCont ......
Mapboxgl 动态添加多种颜色、形状的图标
适用场景： 需要在地图上展示很多种数据，这些数据使用的图标形状是有限的几种，但颜色可能由后台自由配置后传给前端。 数据种类可能会变化，颜色可能会变化，这种情况下让设计同事切一堆图反而不方便维护，使用动态加载图标可以一定程度上节省前端的后期工作。 前端框架是vue3+vite，其他框架能否实现未验证。 ......
Mapboxgl draw 自定义标绘之二：图标、文本、圆形的创建与编辑，重写原模式相关方法，保持当前模式
mapbox-gl-draw官网给出的扩展模式终于无法满足需求，需要diy了。 因为是diy，所以不存在前文说的commonjs打包报错的问题，呵呵。 前文：Mapboxgl draw 自定义标绘：圆、矩形、自由多边形、上传读取geojson （有的概念可能会接续前文不做解释） 参考链接 自定义MO ......
Mapboxgl 禁止点击事件穿透
用于避免图层内标记点注册的点击事件重复触发（点位分布密集时容易出现） map.on("click", layerId, (e) => { // 禁止点击事件穿透 - 判断同一个event是否已经触发 if (e.defaultPrevented) return; // 你要做的逻辑 func(e); ......
Mapboxgl draw 自定义标绘：圆、矩形、自由多边形、上传读取geojson
还没做文字标绘，累了，以后有需要有机会再说 自定义标绘方法 Mapboxgl标绘相关库 我当前使用的版本是： "@mapbox/mapbox-gl-draw": "^1.4.1", "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1", "mapbox-gl- ......
Mapboxgl popup 自定义弹窗
自定义弹窗的开发 自定义弹窗类CustomPopup.js export default class CustomPopup { // options.coordinates用于地图定位，必须有，其他属性根据具体业务调整 constructor(options) { this.popup = nul ......