Mapbox GL js 可用图标

Question

我正在将一个网络应用程序从Mapbox.js重写为Mapbox GL js。使用标准的'mapbox://styles/mapbox/streets-v8'样式，我在哪里可以找到所有有效的标记图标列表？

这是我的代码：

m.map.addSource("markers", {
        "type": "geojson",
        "data": {
            "type": "FeatureCollection",
            "features": {
                "type": "Feature",
                "geometry": {
                    "type": "Point",
                    "coordinates": ["-75.532965", "35.248018"]
                },
                "properties": {
                    "title": "Start",
                    "marker-symbol": "entrance",
                    "marker-size": "small",
                    "marker-color": "#D90008"
                }
            }
        }
    });
    m.map.addLayer({
        "id": "markers",
        "type": "symbol",
        "source": "markers",
        "layout": {
            "icon-image": "{marker-symbol}-15", //but monument-15 works
            "text-field": "{title}",
            "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
            "text-offset": [0, -1.6],
            "text-anchor": "top"
        }
    });

我读到所有的Maki图标应该为没有默认图标的样式提供: https://github.com/mapbox/mapbox-gl-styles/issues/241 但是大部分都不能用。 另外还有一个问题是大小——对于Maki它们的尺寸是-small，-medium和-large，现在我看到了-11和-15。

我只需要使用一些基本的标记图标。

- the_web

Answer 1

我们还在整理默认图标集的最终实现细节，并且一旦确定，将会对该集进行彻底的文档记录。

在此之前，您可以通过查看 mapbox-gl-styles存储库中的sprites文件夹，了解可用于特定样式的确切图标。

- Lucas Wojciechowski

---

谢谢，请问有办法看到精灵图片的样子，还是需要逐一进行可视化测试？ - the_web

文档中应该更明显地表明这一点。用户不应该不得不深入研究堆栈溢出找出有哪些标记可用！ - Huw Davies

这仍然是查看图标的唯一方式吗？ - Shane Reustle

官方文档已经准备好了吗？我是不是错过了它？ - André

Answer 2

自从该问题已关闭，所有的Maki图标现在都可以在mapbox-gl.js中本地使用。您可以在https://www.mapbox.com/maki-icons/上查看所有可用的图标。您还可以使用icon-size绘制属性来放大它们的大小，但这可能会导致像素化。仍然存在一些问题，例如icon-color属性尚未工作，因此您需要编辑、重新着色和重新发布图标。(问题＃3605)。

- Steven Kalt

---

你可以在我写的这个 hack 这里 按名称和主题搜索图标。 - Steven Kalt

只有在使用Mapbox底图（如Streets或Outdoors）时才是正确的。 - Lucas Wojciechowski

@LucasWojciechowski 如果我们正在使用一个基础地图的分支怎么办？我分叉了街道地图以进行单个更改，但现在似乎无法访问除marker-11和marker-15之外的任何maki图标，而且它们甚至看起来都不像maki marker图标（它们是粗糙的圆形）。 - Alex