Mapbox GL js available icons

the_web picture the_web · Mar 21, 2016 · Viewed 12.2k times · Source

I am rewriting a web application from Mapbox.js to Mapbox GL js. Using the standard 'mapbox://styles/mapbox/streets-v8' style, where can I find a list of all working marker icons?

Here is my code:

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"
        }
    });

I read that all Maki icons should be made available for styles that don't have icons as a default: https://github.com/mapbox/mapbox-gl-styles/issues/241 But most of them don't work. Also there is the problem with the sizes - for Maki they were -small, -medium and -large, and now I see -11 and -15.

I just need to use some basic marker icons.

Answer

Lucas Wojciechowski picture Lucas Wojciechowski · Mar 21, 2016

We're still sorting out the final implementation details for the default icon set and will document that set thoroughly once it has been decided upon.

Until then, you can see exactly what icons are available for a given style by peeking at the mapbox-gl-styles repo in the sprites folder.