How to add layers in Azure Maps

Question

I am using Azure Maps and I would like to toggle between two layers on click of a button.

Two layers that I am using are HTML marker and Symbol layers.

Currently , I am able to display both these layers on page load in javascript. However , I would like to toggle these layers on click of a button.

Edit --

Basically we would like a add layers similar to the pic so that we can toggle.

Answer 1

Use the visible option. When you want to toggle the state of one layer, get the layer options using getOptions, then check the visible option and reverse its value, then set it on the layer again. For example:

layer.setOptions({ visible: !layer.getOptions().visible });