Show/hide a custom view on Map Javascript

DivyaArora — Fri, 15 Mar 2024 05:47:52 GMT

I am trying to add a custom view on the map in react application which will handle the visibility of some of the layers. This view needs to be removed or hide at some condition and then needs to be added again.

I have used the code like below :

// code to add the custom view

displayLayerTypeSwitcher() {

const checkBoxElement = document.getElementById('FieldCheckboxDetails');

if (checkBoxElement) {

if (this.mapView?.ui.find('FieldCheckboxDetails')) {

this.mapView?.ui.remove('FieldCheckboxDetails');

}

this.mapView?.ui.add(checkBoxElement, "top-right");

}

// code to remove the custom view

removeLayerTypeSwitcherView() {

const checkBoxElement = document.getElementById('FieldCheckboxDetails');

if (checkBoxElement) {

if (this.mapView?.ui.find('FieldCheckboxDetails')) {

this.mapView?.ui.remove(checkBoxElement);

}

but once i invoke the "removeLayerTypeSwitcherView" method, the custom view is not avaialble anymore to be readded . It seems like it is removed from the DOM permanently.

Could anybody suggest how can i acheieve the functionality to show/hide a custom view on a map.

topic Show/hide a custom view on Map Javascript in ArcGIS JavaScript Maps SDK Questions

Show/hide a custom view on Map Javascript