CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3google-maps-markersdeck.gl
Thisara Subath
Thisara Subath

Reputation: 743

Hide / Remove Specific GoogleMapsOverlay From Google Map

I have used geojson files into google map by multi selection . but when i try to remove overlay , it is not working .this is my code to used for add and remove. i need to know how to remove selected geojson file from map

    var deckOverlay ;
    deckOverlay = new deck.GoogleMapsOverlay({
                layers: [
                    new deck.GeoJsonLayer({
                        id: 'layerId',
                        data: 'path of geojson file',
                        filled: true,
                        pointRadiusMinPixels: 2,
                        opacity: 0.5,
                        pointRadiusScale: 2000,
                        getFillColor: f => (f.properties.COLOR),
                        wireframe: true,
                        pickable: true,
                    }), +
                    new deck.ArcLayer({
                        id: 'arcs',
                        data: Layer_Id,
                        dataTransform: d => d.features.filter(f => f.properties.scalerank < 4),
                        getSourcePosition: f => [-0.4531566, 51.4709959], // London
                        getTargetPosition: f => f.geometry.coordinates,
                        getSourceColor: [0, 128, 200],
                        getTargetColor: [200, 0, 80],
                        getWidth: 1
                    })
                ]
            });   

    if (checked) {
        deckOverlay.setMap(map); // Set multiple overlays working
    }
     else {
        deckOverlay.setMap(null); // Remove Option Not Working
        deckOverlay = null; 
    }

Upvotes: 1

Views: 1246

Answers (1)

Thisara Subath
Thisara Subath

Reputation: 743

By using Data Layer .

To load map

map.data.loadGeoJson(Layer_Id);

To Remove Specific Layer

map.data.forEach(function (feature) {
if (feature.getProperty('myprop') == myprop) { 
map.data.remove(feature);
}
});

To Remove All Layers

map.data.forEach(function (feature) { 
map.data.remove(feature);
});

FYI , use color codes as HEX in json file not RGB or RGBA

Upvotes: 3

Related Questions