Question

我正在将一个Web应用程序从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://gitlab.com/groups/python-mode-devs/issues 但他们中的大多数都不起作用。另外还有尺寸问题 - 对于Maki来说，它们是小型，中型和大型，现在我看到-11和-15。

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

Answer 1

我们仍在整理默认图标集的最终实施细节，并会在确定后对其进行彻底记录。

在此之前，您可以通过查看mapbox-gl-styles repo in the sprites folder来确切了解给定样式的可用图标。

Answer 2

从that issue was closed开始，所有maki图标现在都可以在mapbox-gl.js中使用。您可以在https://www.mapbox.com/maki-icons/查看所有内容。您也可以使用icon-size paint property乘以它们的大小，但这可能会导致像素化。还有一些障碍，比如icon-color属性还没有工作，所以你现在需要编辑，重新着色和重新发布图标。（issue #3605）。

Mapbox GL js可用图标

2 个答案: