The way I've typically seen mapboxgl fill properties work on choropleth maps is something like this: map.on('load', function () { map.addSource('bb', { type: 'geojson', data: data, generateId: true}); map.addLayer({ 'id': 'berlin', 'type': 'fill', 'source': 'bb', 'paint': { 'fill-color': { 'property':…
Really not sure how to fix this so any help much appreciated. In developer tools for Chrome the legend displays perfectly on top of a mapbox map for desktop, tablet and mobile. Here is what is looks like. It displays…
I am using the react-map-gl Map component in my project. I pass in via props props.displayUploadedFiles, an array of GeoJSON objects. I want to display these GeoJSON objects on my Map using react-map-gl's Source and Layer components. However, when I…
I am trying to setup mapbox-gl using typescript. I get the following error in VS Code when I try to set the projection value according to the docs. Basically: map = new mapboxgl.Map({ container: 'mapbox', style: 'mapbox://styles/mapbox/outdoors-v12', projection: 'naturalEarth' })…
I am displaying many clickable layers that are shown when clicked, but I want to visually distinguish the one that is on from all other by adding a class active to that element when it is clicked ad remove that…