2b:null 2c:["$","title",null,{"children":"Example map for Laura | Devin Bayly | Observable"}] 31:[{"id":"ad8141d07154eff2f2886ac7935e58427e0f150db13a5229c350cd62ece405e91dd7c6a5405b6e2477a7103aeff9d37cf683a3d24a670745deeb5a694b99eb11","href":"https://static.observableusercontent.com/files/ad8141d07154eff2f2886ac7935e58427e0f150db13a5229c350cd62ece405e91dd7c6a5405b6e2477a7103aeff9d37cf683a3d24a670745deeb5a694b99eb11","name":"geo_json.json","type":"application/json","lastModified":1686068189287.765,"size":13346},{"id":"c1ac6b86c1489b43c1e502a38166b7d3389075c8d0784ae54359d649824e8459fd26a84624b75915ed9a9e4bc1ea7995e1b6a8baa656d5c24e8890e77b96f761","href":"https://static.observableusercontent.com/files/c1ac6b86c1489b43c1e502a38166b7d3389075c8d0784ae54359d649824e8459fd26a84624b75915ed9a9e4bc1ea7995e1b6a8baa656d5c24e8890e77b96f761","name":"toy_data.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1686674320187.591,"size":9203},{"id":"92cd78b4e374c2c29742148d95c609c5c0aef34165d5d3e5a987c18dcd1dbfb60b7080f6776c98fd0ac115d4a19accb8bbee04cdf694cbc1f922d188eb387f2a","href":"https://static.observableusercontent.com/files/92cd78b4e374c2c29742148d95c609c5c0aef34165d5d3e5a987c18dcd1dbfb60b7080f6776c98fd0ac115d4a19accb8bbee04cdf694cbc1f922d188eb387f2a","name":"toy_data.csv","type":"text/csv","lastModified":1686674787138.674,"size":479}] 2f:{"id":"12b284bb077792af","slug":null,"title":"Example map for Laura","thumbnail":"bdd0de0b4d3f5197c74423aeca0c5e3caf1dfeceaf16fd2497f5f3848c666acd","access_level":"public","create_time":"$D2023-06-06T16:13:25.560Z","update_time":"$D2023-06-13T16:53:31.478Z","view_time":null,"first_public_time":"$D2023-06-06T16:13:25.560Z","has_unpublished_edits":null,"fork":{"id":"21819201cf423c78","slug":"hello-leaflet","title":"Hello, Leaflet","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a160e29293f9b8d0","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":"pro_2024","bio":""},"version":70,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"bio":""}],"members":[{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Example map for Laura","cells":[{"id":0,"value":"# Example map for Laura\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"container = {\n const container = html`

`;\n yield container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"L = {\n // this is content borrowed which creates a global variable L for leaflet\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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"map = {\n // this is content borrowed from the tutorials to load up an open street map\n // if you see the error map = Error: Map container is already initialized. just re run the container cell\n const map = L.map(container).setView([40.7299, -73.9923], 13);\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n return map;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"geo_json = FileAttachment(\"geo_json.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"{\n L.geoJson(geo_json, {\n onEachFeature: makeMarker\n })\n .bindPopup(function (layer) {\n // the material that we create in the html will be shown in the popup when it's clicked\n // the take home is that we need to make sure that the geojson contains links to images, and data within it's properties. \n return `

${layer.feature.properties.text}

`; // use the NAME property as the popup value\n })\n .addTo(map); // add it to the map\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"function makeMarker(feature, layer) {\n // this is where you would ahead of time layout the behavior of the interactions with the feature pin\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"toy_text = FileAttachment(\"toy_data.csv\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"toy_data = d3.csvParse(toy_text, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"toy_data.map((e) => {\n return {\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [e.Longitude, e.Latitude]\n },\n properties: {\n name: \"Dinagat Islands\",\n random: Math.random()\n }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 30:"$2f:body"