Hello, Leaflet

31:T662,md` Hello, Leaflet

`32:[] 2f:{"title":"Hello, Leaflet (run elsewhere)","cells":[{"id":0,"value":"md`# Hello, Leaflet (run elsewhere)\n\nReference: [Downloading and embedding observable notebooks](https://observablehq.com/@observablehq/downloading-and-embedding-notebooks)\n\nThis notebook shows how to download a notebook with [Leaflet](https://leafletjs.com/), exposing the \\`\\`L.map()\\`\\` object so you can modify the map later. Here's [the demo](https://bl.ocks.org/pbogden/86174064d6ffdf4ff646ba68bec5fb30) on http://bl.ocks.org, where\nthe map below flies to Washington DC and adds a circle marker just southeast of Dupont Circle.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"container = html`

`;","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"map = {\n container;\n const map = L.map(\"mymap\").setView([40.7299, -73.9923], 13);\n L.tileLayer(\"https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}@2x.png\", {\n attribution: \"Wikimedia maps beta | © OpenStreetMap contributors\"\n }).addTo(map);\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":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"md`## To run this map elsewhere:\n\n1. \"Download code\" (from the options above)\n2. Unzip the file that you downloaded.\n3. Replace the default *index.html* file with the code below.\n4. Read about why this works in the [runtime docs](https://github.com/observablehq/runtime)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}