{"version":"1.0","type":"rich","title":"Layers Control Tutorial - Leaflet","description":"This example demonstrates interactive layer management in a Leaflet map, showing how to toggle a group of city markers on and off using buttons. The map initially displays a grayscale tile layer from Mapbox, with an optional streets basemap available via the built-in `L.control.layers` interface. Clicking \"Add\" creates a `L.layerGroup` containing four markers with popups for Colorado cities and registers it as an overlay, while \"Remove\" deletes that layer and restores the original base-layer control. The code relies on Leaflet’s tile layer, marker, popup, and layer-control APIs, with data sourced from hardcoded coordinates and Mapbox/OpenStreetMap tiles.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c81461c8a8ce52d103fc92decf9650b6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}