31:[] 2f:{"title":"Hello, Leaflet (with a map reference)","cells":[{"id":0,"value":"md`# Hello, Leaflet (with a map reference)\n\nThis demo exposes a reference to the \\`\\`L.map()\\`\\` object so that you can use it in multiple cells.\nAn [invalidation](https://observablehq.com/@observablehq/invalidation) promise from the standard library\nkeeps things clean.\nOtherwise, every time you try to rerun the map cell, you'll generate\nan ${html`Error: Map Container is already initialized.`}\nThen you'll have to reload the page to clear it.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"container = html`

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"map = {\n const map = L.map(container).setView([40.7299, -73.9923], 13);\n L.tileLayer('https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg', {\n attribution: 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'\n }).addTo(map);\n \n // Check out what happens if you remove/comment the next next line, then rerun the cell -- twice.\n invalidation.then(() => map.remove());\n return map;\n}","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":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}