30:[] 2e:{"title":"GeoJSON Map Viewer","cells":[{"id":0,"value":"md`# GeoJSON Map Viewer`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"viewof f = file({\n title: \"geojson file\",\n multiple: false,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"md`Map View`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":31,"value":"md`Bounding Box`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"geojsonExtent(data)","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"md`

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