30:T4f3,{ // zoomSnap and zoomAnimation settings eliminate stacatto zoom var mymap = L.map(container, { zoomSnap: 0.1, zoomAnimation: false }).setView([51.505, -0.09], 13); L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}{r}.{ext}', { attribution: 'Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap contributors', subdomains: 'abcd', minZoom: 0, maxZoom: 20, ext: 'png' }).addTo(mymap); L.marker([51.5, -0.09]).addTo(mymap) .bindPopup("Hello world!
I am a popup.").openPopup(); L.circle([51.508, -0.11], 500, { color: 'red', fillColor: '#f03', fillOpacity: 0.5 }).addTo(mymap).bindPopup("I am a circle."); L.polygon([ [51.509, -0.08], [51.503, -0.06], [51.51, -0.047] ]).addTo(mymap).bindPopup("I am a polygon."); var popup = L.popup(); function onMapClick(e) { popup .setLatLng(e.latlng) .setContent("You clicked the map at " + e.latlng.toString()) .openOn(mymap); } mymap.on('click', onMapClick); invalidation.then(() => mymap.remove()); // For observable -- in case this cell is re-executed }31:[] 2e:{"title":"Leaflet Quickstart","cells":[{"id":0,"value":"md`# Leaflet Quickstart\n\nObservable implementation of [Leaflet Quickstart](https://leafletjs.com/examples/quick-start/) using [Stamen tiles](http://maps.stamen.com/#toner/12/37.7706/-122.3782).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"container = html`

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"L = {\n const L = await require(\"leaflet@1/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}