首页 > 解决方案 > Mapbox GL JS 非聚集点 icon-image

问题描述

我正在尝试使用 Mapbox GL JS 显示集群地图。

使用文档中的此示例:https ://www.mapbox.com/mapbox-gl-js/example/cluster/ ,我想为未聚集的点显示一个标记图标而不是一个圆圈。

我像这样修改了最后一个 addLayer 调用:

map.addLayer({
    id: "unclustered-point",
    type: "symbol",
    source: "companies",
    filter: ["!has", "point_count"],
    layout: {
        "icon-image": "marker-15", // THIS SHOULD BE A MARKER
        "icon-size": 5 // ZOOMED FOR DEMO
    },
});

这是我得到的结果:

在此处输入图像描述

为什么我不能像这里建议的那样访问 Maki 图标:Mapbox GL js 可用图标

标签: mapbox-gl-js

解决方案


如果没有指向您的(非)工作示例的链接,则很难完全诊断,但一种可能性是该图标未包含在您的样式中。

您可以尝试从绝对包含它们的样式开始,例如:https ://github.com/mapbox/mapbox-gl-styles


推荐阅读