Add marker in source

[ghost]

Hi,

How to replicate the same code with Mapbox GL ? I would like to add some dynamic marker in one Source.

var markers = new L.MarkerClusterGroup();

    for (var i = 0; i < 10; i++) {
        var title = 'test1';
        var marker = L.marker(new L.LatLng(a[0], a[1]), {
            icon: L.mapbox.marker.icon({'marker-symbol': 'post', 'marker-color': '0044FF'}),
            title: title
        });
        marker.bindPopup(title);
        markers.addLayer(marker);
    }
    map.addLayer(markers);

Thank you

[lucaswoj]

Hi @JSMap!

Fundamentally, "markers" are an idea from image tiled maps that don't make as much sense for vector maps. In a vector map, you can create "markers" with a GeoJSON source and a symbol layer.

Duplicate of #656

[ghost]

OK but do you have a solution to add a geojson feature to the source?

[lucaswoj]

see GeoJSONSource#setData

[kylebebak]

@lucaswoj
This link is broken.

Adding markers to a map is really basic functionality. I put it to you that most people, if they knew how difficult it is to render a few hundred markers with custom styles to a map, wouldn't even consider using Mapbox for a project.

The attitude I've seen in these issues regarding markers is really disconcerting, and will ensure that a lot of users migrate to Google Maps.

[mollymerp]

I've fixed the link above, and here are two more examples of how to add markers (both DOM elements, and symbol layers) in gl-js
https://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/
https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/