31:T790,map = { const container = html`

` yield container const map = L.map(container) const tileSource = { url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community' } L.tileLayer(tileSource.url, { attribution: tileSource.attribution }).addTo(map) function onEachFeature (feature, layer) { const properties = feature.properties const imageId = properties.imageId const imageUri = properties.imageUri const manifest = properties.manifests[0] const manifestId = manifest && manifest.id const manifestUri = manifest && manifest.uri let annotationUrl if (manifest) { annotationUrl = `https://annotations.allmaps.org/manifests/${manifestId}` } else { annotationUrl = `https://annotations.allmaps.org/images/${imageId}` } let editorUrl if (manifestUri || imageUri) { editorUrl = `https://editor.allmaps.org/#/?url=${encodeURIComponent(manifestUri || imageUri)}` } const viewerUrl = `https://viewer.allmaps.org/#data=data%3Atext%2Fx-url%2C${encodeURIComponent(annotationUrl)}` const html = `

${editorUrl ? `

Open in Editor

` : ''}

Open Annotation

${manifestUri ? `

Open IIIF Manifest

` : ''}` layer.bindPopup(html) } const geojsonLayer = L.geoJSON(geoJsonSortedByArea, { style, onEachFeature }).addTo(map) map.fitBounds(geojsonLayer.getBounds()) }32:[] 2f:{"title":"Map boundaries","cells":[{"id":0,"value":"# Map boundaries\n\nThe geospatial boundaries of the maps georeferenced via [Allmaps](https://allmaps.org) are published on the following URL:","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"geojsonUrl = 'https://api.allmaps.org/maps.geojson'","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"The map below shows all these boundaries. You can also open the GeoJSON on [geojson.io](http://geojson.io/#data=data:text/x-url,${encodeURIComponent(geojsonUrl)}).","pinned":false,"hidden":false,"mode":"md"},{"id":130,"value":"md`__You can help by [georeferencing more maps](https://observablehq.com/@bertspaan/iiif-map-collections) with the Allmaps Editor.__`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"md`GeoJSON data:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"geojson = fetch(geojsonUrl).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"md`GeoJSON data, _smallest_ polygons first:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"geoJsonSortedByArea = ({\n type: 'FeatureCollection',\n features: geojson.features\n .sort((a, b) => turfArea(b) - turfArea(a))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"md`Leaflet imports and style:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"style = ({\n color: '#ff0800',\n weight: 1.9,\n opacity: 0.9,\n fillOpacity: 0\n})","pinned":false,"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":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"turfArea = require('https://bundle.run/@turf/area@6.3.0')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}