[GIS] Removing events map.on(“click”…) from mapbox gl

mapboxmapbox-glmapbox-gl-js

I remove the layers with map.removeLayer("clusters"); but got this error

evented.js:111 The layer 'clusters' does not exist in the map's style
and cannot be queried for features.

as I have map.on('click', 'clusters', function (e) { ... event. So how to remove this?

Best Answer

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 removeLayer, remove the event listener with

map.off('click', 'clusters', onClick);

Related Solutions

Leaflet – Using removeLayer Function

If you want to remove the grayscale map from the start just delete:

    "Grayscale": grayscale,

From

var baseMaps = {
    "Grayscale": grayscale,
    "Streets": streets
};

If you want to remove the layer on a click you call it as a method on the map object. Like so:

map.removeLayer(grayscale)

To remove it from the control you first have to assign the control to a variable. Change this:

L.control.layers(baseMaps, overlayMaps).addTo(map);

To this:

lcontrol = L.control.layers(baseMaps, overlayMaps).addTo(map);

Then you can call:

lcontrol.removeLayer(grayscale)

..to remove it from the control.

[GIS] How to test if a layer exist in a MapBox GL JS map

Better way:

var mapLayer = map.getLayer('route');

    if(typeof mapLayer !== 'undefined') {
      // Remove map layer & source.
      map.removeLayer('route').removeSource('route');
    }

Best Answer

Related Solutions

Leaflet – Using removeLayer Function

[GIS] How to test if a layer exist in a MapBox GL JS map

Related Question