Mapbox GL AddLayer: da dove provengono le immagini delle icone

Molti esempi caricano sempre l'immagine dell'icona in questo modo (ad esempio qui: https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ ):

map.addLayer({
    "id": "markers",
    "type": "symbol",
    "source": "markers",
    "layout": {
        "icon-image": "{marker-symbol}-15",
        "text-field": "{title}",
        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
        "text-offset": [0, 0.6],
        "text-anchor": "top"
    }
});

Dove è memorizzata questa icona e come posso collegarmi a un png o svg locale? O come posso mettere il mio markersnella fonte? L'esempio non è ben documentato.

Se segui gli esempi, otterrai solo gli sprite che si caricano con il foglio sprite del tuo stile particolare, che NON È NECESSARIO una corrispondenza 1 a 1 con qualsiasi altro stile.

es: emerald-v8 NON ha "icon-image": "harbor-15" come nell'esempio che usa streets-v8.

Per vedere l'elenco degli sprite disponibili dagli stili corrispondenti: https://github.com/mapbox/mapbox-gl-styles/tree/master/sprites

Posso scegliere l'icona "harbor" dal loro repository emerald-v8 in questo modo:

map.addLayer({
    "id": "pointclick",
    type: 'symbol',
    source: 'pointclick',
    "layout": {
        "icon-image": "harbor_icon",
        "icon-size":1.5
    },
    "paint": {}
});

Ecco la risorsa che mi ha aiutato a mettere insieme tutto e spiega come creare le tue icone: https://www.mapbox.com/help/custom-markers/#locate-mapbox-styles-images

MODIFICARE:

Fondamentalmente, per aggiungere una delle tue icone, vai su Mapbox studio, crea il tuo stile o modifica una delle loro. Aggiungi semplicemente uno dei tuoi SVG personalizzati, quindi quell'icona diventerà disponibile nel tuo foglio sprite personalizzato.

Puoi anche usare icone esterne / generate come icon-imagese stessi map.loadImage()e map.addImage()prima.

Esempi:

Aggiungi un'icona alla mappa

Aggiungi un'icona generata alla mappa

Come si dice nei documenti di sprite : passa "sprite": "https://link"al tuo stile, dove si linktrova il link a json generato con spritezero-cli . spritezero-cli ha generato png sprite dall'elenco delle tue icone in formato svg. Che puoi usare le icone nei livelli simbolo come 'icon-image'.