How to add a simple Marker in Mapbox GL?

mapbox mapbox-gl mapbox-gl-js
PMills picture PMills · Jul 29, 2016 · Viewed 14.4k times · Source

Since the Mapbox GL documentation doesn't talk about anything regarding adding simple markers to LngLat coordinates, and really only has documentation on how to add custom markers, I was hoping someone could tell me how you're supposed to get Mapbox-gl.js to actually add a marker to passed LngLat coords.

Answer

mollymerp picture mollymerp · Aug 4, 2016

Good news! In the newest release of mapbox-gl-js (v0.21.0) a new Marker class was added that provides the functionality you're looking for:

https://docs.mapbox.com/mapbox-gl-js/api/#marker

https://docs.mapbox.com/mapbox-gl-js/example/custom-marker-icons/

Related questions

mapbox gl change icon color

Is there a way to change a mapbox-gl-js icon-image color? This code taken from https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ won't change the marker color to red map.addLayer({ "id": "markers", "type": "symbol", "source": "markers", "layout": { "icon-image": "{marker-symbol}-15", "…

Read More
Using Mapbox GL Offline

Is there a way to use Mapbox GL (asking about both JS and native) in an offline setting? With MBTiles, you could use either the MBTiles file or extract the raster images. I'm wondering if there's anything similar that would …

Read More
Message from debugger: Terminated due to memory issue

My app working with Geojson file. I use MapBox SDK to add MGLPolyline to map. But the problem is my file too large, so that the app crash and got the error: Message from debugger: Terminated due to memory issue. …

Read More