随笔分类 - GIS / Mapbox-GL
摘要：在 Mapbox.js 中自定义点图标通常需要使用 Mapbox GL JS 的一些功能来实现。以下是两个简单的示例，展示了如何自定义点图标： 示例一 map.loadImage('./images/city.png',function(error,image) { if(error) throw
阅读全文
摘要：https://docs.mapbox.com/help/glossary/zoom-level/#zoom-levels-and-geographical-distance https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames#Resol
阅读全文
摘要： [https://github.com/ElectronicChartCentre/java-vector-til
阅读全文
摘要：[geoserver发布矢量切片服务](https://blog.csdn.net/Sakura1998gis/article/details/130192062) WMS （web map service ）也是一种影像（raster）的图层服务，和WMTS服务的区别是，WMS没有进行切片缓存，客
阅读全文
摘要：需要定义一个类，然后至少重写实现`onAdd`、`onRemove`方法，示例如下 ```html ``` 点击查看代码 ``` import MyCustomControl from "@/utils/mapCustomControl"; onMounted(() => { map.addCont
阅读全文
摘要：要在 MapLibre GL 中加载天地图的影像底图，需要使用天地图的瓦片服务 URL，并将其添加为栅格图层。 以下是一个示例代码片段，展示如何在 MapLibre GL 中加载天地图的影像底图： ```javascript // 创建地图实例 var map = new maplibregl.Ma
阅读全文
摘要：**需求** 如一个图层，有个属性字段m，值可能有1,2,3，我想等于1和2的时候给红色，等于3的时候给黄色。 **解决办法** 在 Mapbox 中，你可以使用样式表（Style）来配置图层的样式，包括根据属性字段值来设置不同的颜色。 以下是一个示例，演示如何根据属性字段 m 的值设置图层的颜色：
阅读全文
摘要：在 Mapbox 中，您可以使用 map.on('zoomend', callback) 监听地图缩放结束事件，然后执行自定义的回调函数，以便在每次地图缩放结束时更新应用程序。 例如，可以在回调函数中获取当前地图的缩放级别，并执行所需的操作。以下是一些示例代码： // 创建一个 Mapbox 地图实
阅读全文
摘要：可以在 Mapbox GL JS 中使用 scrollZoom, dragRotate, touchRotate 属性来控制地图的旋转行为。 scrollZoom: 是否支持滚轮缩放，默认为 true。 dragRotate: 是否支持平移拖拽旋转地图，默认为 true。 touchRotate:
阅读全文
摘要：在 Mapbox GL JS 中，可以使用 styledata 事件监听器来监视地图的样式更换，包括更换底图、修改图层样式等操作。 当样式更换时，styledata 事件被触发，您可以使用 map.getStyle().sources 获取当前样式中所有的源，使用 map.getStyle().la
阅读全文
摘要：Mapbox致力于打造全球最漂亮的个性化地图。 这里记录下其 Web 端 API Mapbox GL JS 的地图样式规范 Style 的各个配置项： 必填项会加上 * ，方便根据目录进行查看 1. version * version：版本号（必填，且值必须为 8） "version": 8 2.
阅读全文
摘要：Mapbox 加载 GeoJSON 地图时，遇到 error: Style is not done loading 错误通常是由于地图样式文件没有加载完成引起的。具体来说，可能是因为 Mapbox 样式文件中包含了某些需要加载的图片或者矢量图层，而这些图片或矢量图层尚未完全加载完成，导致无法渲染地图
阅读全文
摘要：在 Mapbox GL JS 中，您可以使用 moveLayer 方法来调整图层的层级关系。其语法如下： map.moveLayer('layerID', 'beforeID'); 其中，layerID 是您要调整的图层的 ID，beforeID 是该图层所要移动到的目标图层的 ID，表示将该图层放
阅读全文
摘要：在 Mapbox 中，如果您想要显示或隐藏一个图层，可以使用 setLayoutProperty() 方法，通过设置该图层的 visibility 属性来实现。 setLayoutProperty() 方法可以修改地图上指定图层的样式属性。对于 visibility 属性，您可以将其设置为 'vis
阅读全文
摘要：要在 Mapbox 中获取图层列表，可以使用 Mapbox GL JS 库中的 getStyle() 方法获取当前地图样式的信息，其中包括所有有关的图层信息，然后通过遍历图层数组获取所有的图层名称。 下面是一个示例代码，展示如何获取 Mapbox 地图中的所有图层名称： mapboxgl.acces
阅读全文
摘要：Mapbox 和 Cesium 是两个不同的地图开发平台，它们之间有以下区别： 技术架构： Mapbox 是基于矢量地图渲染技术和 WebGL 技术开发的，支持2D和3D渲染。它提供了开发地图应用程序和可视化数据的各种 API、SDK、地图样式和图层等工具。 Cesium 是一个基于 WebGL 技
阅读全文
