Search Results

First split out the click function so it can be referenced on it's own: function onClick(e) {...} Then register your on click with: map.on('click', 'clusters', onClick); Then just before you rem …

The "Filter symbols by toggling a list" example toggles the visibility of whole layers. For more fine grained filtering use map.setFilter, see https://www.mapbox.com/mapbox-gl-js/api/#map#setfilter. …

This is a good question. Typically you'd use feature-state for this like in https://docs.mapbox.com/mapbox-gl-js/example/hover-styles/, however feature-state doesn't support the icon-image layout pro …

Within your map.on('click') callback, e.features is an array of all features from testlayer at the point clicked. So instead of only choosing the first in your popup, you can display all values like …

Use map.setLayerZoomRange: map.setLayerZoomRange('my-layer', minzoom, maxzoom);

In QGIS you would do this by choosing a color ramp (or random) and hitting Classify, Mapbox Studio doesn't yet offer this feature but in the meantime if you choose the "Edit property as JSON" at the b …

When you select a result from the search, as it places the marker on the map, the Geocoder will also fire a 'result' event, https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#on which you …

You're saving the mapboxgl.Marker object so you can latter access this via the getElement method, eg: deviceMarker.getElement() See https://www.mapbox.com/mapbox-gl-js/api/#marker#getelement

Mapbox don't currently publish docs for older GL JS versions (ticketed here https://github.com/mapbox/mapbox-gl-js/issues/2398) But you can build and view docs for older versions locally with: git …

When you first called queryRenderedFeatures you're getting the coordinates generalised to the zoom level your map was initially at, which as you can see is a bit off the source data coordinates. You' …

Check the error console, it explains that 'fill-color': '#088', 'fill-opacity': 0.8 aren't valid paint properties for fill-extrusion layers. See the example at https://docs.mapbox.com/mapbox-gl-j …

In your addLayer function, the tiles option must be the URL to the raster tiles. https://hazards.fema.gov/gis/nfhl/rest/services/public/NFHL/MapServer/28 is the URL to the HTML page describing the ERS …

As per the Mapbox GL JS API docs, queryRenderedFeatures and querySourcesFeatures only guarantee to query features within the current viewport. If you need to query outside this you could: Load the …

At the moment there are two ways to do this. Add a unique id property to each of your Features. Create a new hover layer with larger circle-radius and a filter initially to select none of the id's. …

I believe using "text-keep-upright": true is the way to go, the fact that that causes the labels to render on the wrong side of the line, I think is a bug see https://github.com/mapbox/mapbox-gl-js/is …