The problem is that you are adding the layer to the map before the map is loaded. Be sure you are attaching the tile source and the style layer in the load event handler. afterMap.on(‘load’, function() { afterMap.addSource(“points”, { “type”: “geojson”, “data”: nyGeo }) afterMap.addLayer({ “id”: “points”, “type”: “symbol”, “source”: “points”, “layout”: { “icon-image”: “{icon}-15”, … Read more
Here’s an example demonstrating that: http://bl.ocks.org/tristen/0c0ed34e210a04e89984 Unlike a mapping library like Leaftlet, Mapbox GL JS doesn’t have a concept of “basemap” vs “other layers.” All layers are part of the same entity: the style. So you need to keep some state of the data layer around and call its source/addLayer on each change.
I’ve solved this problem for my use cases by using a GeoJSON polygon. It’s not strictly a circle but by increasing the number of sides on the polygon you can get pretty close. The added benefit to this method is that it will correctly change its pitch, size, bearing, etc with the map automatically. Here … Read more
As far as i know, Mapbox GL JS is going to be the replacement for the current Mapbox JS which uses Leaflet in the background. A lot of things Leaflet does, GL can do too and more. But not everything. The same goes vice versa. GL can do things Leaflet can’t do. The big thing … Read more