Search code examples
mapboxmapbox-gl-jsmapbox-marker

Mapbox GL JS Change the color from the default marker

I’m starting to loose my mind.

According to Mapbox API I should be able to change the default marker color but I didn't find any exemple in the documentation that doesn't use custom markers and the most likely syntax doesn't work.

I am using mapbox-gl-js/v0.44.2

var marker = new mapboxgl.Marker({ "color": "#b40219" })
                .setLngLat([0, 0])
                .addTo(map);

With this code, the map is shown without the marker and if I remove the color option the marker does display correctly but with the wrong color.

Any suggestion to where I messed up ?

Solution

  • Support for custom colors when using the default Marker SVG element is available since v0.45.0, you are using v0.44.2.

    Release notes:

    https://github.com/mapbox/mapbox-gl-js/releases