28:null 29:["$","title",null,{"children":"GeoJSON Map Viewer | easz | Observable"}] 2e:[] 2c:{"id":"7dd2ba9932b78ba0","slug":"geojson-map-viewer","title":"GeoJSON Map Viewer","thumbnail":"bac023e36a41ae5fbdc9e739cf25b673baeb4db63649dc871cda51e294610166","access_level":"public","create_time":"$D2021-08-01T20:02:21.853Z","update_time":"$D2021-08-01T20:07:54.951Z","view_time":null,"first_public_time":"$D2021-08-01T20:07:30.723Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"955771df3d257190","login":"easz","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d0f550a2263338034839220e8fc0db2732b688fe60a694152ddab6d0deb59456","tier":"starter_2024"},"version":43,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"57136f3cc685a62d","login":"easz","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d0f550a2263338034839220e8fc0db2732b688fe60a694152ddab6d0deb59456","tier":null}],"members":[{"type":"individual","id":"57136f3cc685a62d","login":"easz","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d0f550a2263338034839220e8fc0db2732b688fe60a694152ddab6d0deb59456","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"GeoJSON Map Viewer","cells":[{"id":0,"value":"md`# GeoJSON Map Viewer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"viewof f = file({\n title: \"geojson file\",\n multiple: false,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"md`Map View`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"map = {\n const container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` });\n yield container;\n \n \n // Now we create a map object and add a layer to it.\n const map = L.map(container);\n const osmLayer = L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {\n attribution: 'Wikimedia maps beta | © OpenStreetMap contributors'\n }).addTo(map);\n const geoJson = L.geoJSON(data);\n geoJson.addTo(map);\n map.fitBounds(geoJson.getBounds());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`Bounding Box`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"geojsonExtent(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"md`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"data = JSON.parse(await Files.text(f))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"geojsonExtent = require('https://bundle.run/geojson-extent@0.3.2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { file } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"