mapbox gl zmiana koloru ikony

Question

Czy istnieje sposób na zmianę koloru ikony mapbox-gl-js?

Ten kod pochodzi z https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ nie zmieni kolor na czerwony marker

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" 
    }, 
    "paint": { 
     "text-size": 12, 
     "icon-color" : "#ff0000" 
    } 
}); 

Próbowałem wszystkie opcje wymienione w oficjalnej dokumentacji

Answer 1

znalazłem odpowiedź. Potrzebujesz ikon Sdf specjalnie, aby działał.

https://github.com/mapbox/mapbox-gl-js/issues/1594

Unfortunately we don't have a turnkey solution for generating sdf icons but you can see an example of how its done in the maki project

https://github.com/mapbox/maki/blob/mb-pages/sdf-render.js

https://github.com/mapbox/mapbox-gl-js/issues/161

Answer 2

Można również użyć własnych pre-kolorowe ikony zewnętrznych (lub generowania kolorowych te na bieżąco), jak icon-image jeśli używasz map.loadImage() i najpierw: map.addImage().

Przykłady:

Add an icon to the map

Add a generated icon to the map