将自定义标记添加到地图框gl

Question

我想在地图中添加自定义标记。我正在使用mapbox gl脚本。

我发现与此主题相关的唯一文档是https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/。

我尝试自定义给定的示例，我设法添加一个标记并稍微修改它的大小，但由于我不了解所有参数，我不知道如何添加我自己的标记。有没有更详细的文档？

这是我的代码：

ActNode

提前致谢！

Oktawia

Answer 1

在Mapbox中有两种自定义标记的方法。

Mapbox中的栅格标记

在Mapbox.com上查看Custom marker icons的此链接。该示例显示了如何使用.png作为标记。

Mapbox中的SVG标记

您非常接近修改icons，但需要一些时间来熟悉这些参数。

icon-image可能更难理解。它使用GeoJson中的属性"marker-symbol": "marker"和"icon-image": "{marker-symbol}-15"来创建marker-15的最终结果。

这提出了另一个问题：在哪里/如何定义标记？！

标记也来自Mapbox，称为Maki Icons。您可以将"marker-symbol"更改为aquarium或cafe以查看结果。

来自Mapbox GL Style Reference

• icon-size - 图标的比例因子。 1是原始尺寸，大小为3倍。
• icon-image - 替换了{tokens}的字符串，引用要从中提取的数据属性。