28:null 29:["$","title",null,{"children":"GeoJSON + Leaflet | pbogden | Observable"}] 2e:T853,{ var map = L.map(container).setView([39.74739, -105], 13); L.tileLayer('https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg', { maxZoom: 18, attribution: 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA', tileSize: 512, zoomOffset: -1 }).addTo(map); var baseballIcon = L.icon({ iconUrl: 'baseball-marker.png', iconSize: [32, 37], iconAnchor: [16, 37], popupAnchor: [0, -28] }); function onEachFeature(feature, layer) { var popupContent = "

I started out as a GeoJSON " + feature.geometry.type + ", but now I'm a Leaflet vector!

"; if (feature.properties && feature.properties.popupContent) { popupContent += feature.properties.popupContent; } layer.bindPopup(popupContent); } L.geoJSON([bicycleRental, campus], { style: function (feature) { return feature.properties && feature.properties.style; }, onEachFeature: onEachFeature, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, { radius: 8, fillColor: "#ff7800", color: "#000", weight: 1, opacity: 1, fillOpacity: 0.8 }); } }).addTo(map); L.geoJSON(freeBus, { filter: function (feature, layer) { if (feature.properties) { // If the property "underConstruction" exists and is true, return false (don't render features under construction) return feature.properties.underConstruction !== undefined ? !feature.properties.underConstruction : true; } return false; }, onEachFeature: onEachFeature }).addTo(map); var coorsLayer = L.geoJSON(coorsField, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: baseballIcon}); }, onEachFeature: onEachFeature }).addTo(map); invalidation.then(() => map.remove()); // clean up when rerunning the cell }2f:Tbd0,bicycleRental = ({ "type": "FeatureCollection", "features": [ { "geometry": { "type": "Point", "coordinates": [ -104.9998241, 39.7471494 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 51 }, { "geometry": { "type": "Point", "coordinates": [ -104.9983545, 39.7502833 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 52 }, { "geometry": { "type": "Point", "coordinates": [ -104.9963919, 39.7444271 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 54 }, { "geometry": { "type": "Point", "coordinates": [ -104.9960754, 39.7498956 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 55 }, { "geometry": { "type": "Point", "coordinates": [ -104.9933717, 39.7477264 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 57 }, { "geometry": { "type": "Point", "coordinates": [ -104.9913392, 39.7432392 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 58 }, { "geometry": { "type": "Point", "coordinates": [ -104.9788452, 39.6933755 ] }, "type": "Feature", "properties": { "popupContent": "This is a B-Cycle Station. Come pick up a bike and pay by the hour. What a deal!" }, "id": 74 } ] })30:T983,campus = ({ "type": "Feature", "properties": { "popupContent": "This is the Auraria West Campus", "style": { weight: 2, color: "#999", opacity: 1, fillColor: "#B0DE5C", fillOpacity: 0.8 } }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [-105.00432014465332, 39.74732195489861], [-105.00715255737305, 39.74620006835170], [-105.00921249389647, 39.74468219277038], [-105.01067161560059, 39.74362625960105], [-105.01195907592773, 39.74290029616054], [-105.00989913940431, 39.74078835902781], [-105.00758171081543, 39.74059036160317], [-105.00346183776855, 39.74059036160317], [-105.00097274780272, 39.74059036160317], [-105.00062942504881, 39.74072235994946], [-105.00020027160645, 39.74191033368865], [-105.00071525573731, 39.74276830198601], [-105.00097274780272, 39.74369225589818], [-105.00097274780272, 39.74461619742136], [-105.00123023986816, 39.74534214278395], [-105.00183105468751, 39.74613407445653], [-105.00432014465332, 39.74732195489861] ],[ [-105.00361204147337, 39.74354376414072], [-105.00301122665405, 39.74278480127163], [-105.00221729278564, 39.74316428375108], [-105.00283956527711, 39.74390674342741], [-105.00361204147337, 39.74354376414072] ] ],[ [ [-105.00942707061768, 39.73989736613708], [-105.00942707061768, 39.73910536278566], [-105.00685214996338, 39.73923736397631], [-105.00384807586671, 39.73910536278566], [-105.00174522399902, 39.73903936209552], [-105.00041484832764, 39.73910536278566], [-105.00041484832764, 39.73979836621592], [-105.00535011291504, 39.73986436617916], [-105.00942707061768, 39.73989736613708] ] ] ] } })31:T635,freeBus = ({ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [ [-105.00341892242432, 39.75383843460583], [-105.0008225440979, 39.751891803969535] ] }, "properties": { "popupContent": "This is a free bus line that will take you across downtown.", "underConstruction": false }, "id": 1 }, { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [ [-105.0008225440979, 39.751891803969535], [-104.99820470809937, 39.74979664004068] ] }, "properties": { "popupContent": "This is a free bus line that will take you across downtown.", "underConstruction": true }, "id": 2 }, { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [ [-104.99820470809937, 39.74979664004068], [-104.98689651489258, 39.741052354709055] ] }, "properties": { "popupContent": "This is a free bus line that will take you across downtown.", "underConstruction": false }, "id": 3 } ] })32:[] 2c:{"id":"d6e92a3786ecfc69","slug":"geojson-leaflet","title":"GeoJSON + Leaflet","thumbnail":"94c44be7f3ea73991513864d6c642ba2b998536f5664a799e009b6b0d23a2a50","access_level":"public","create_time":"$D2021-02-10T23:22:54.406Z","update_time":"$D2021-02-26T17:16:37.848Z","view_time":null,"first_public_time":"$D2021-02-10T23:22:57.846Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f49bbe5451a36df9","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":"starter_2024"},"version":65,"publish_version":65,"role":null,"authored":false,"authors":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null}],"members":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"0d59e4818c79a290","slug":"ges","title":"ges","owner":{"id":"f49bbe5451a36df9","login":"pbogden","name":"pbogden"}},"type":"notebook","body":{"title":"GeoJSON + Leaflet","cells":[{"id":0,"value":"md`# GeoJSON + Leaflet\n\n* [Using GeoJSON with Leaflet](https://leafletjs.com/examples/geojson/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"container = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"md`## data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"coorsField = ({\n \"type\": \"Feature\",\n \"properties\": {\n \"popupContent\": \"Coors Field\"\n },\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [-104.99404191970824, 39.756213909328125]\n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`## appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2d:"$2c:body"