32:[] 30:{"title":"Parsing and generating IIIF Georeference Annotations","cells":[{"id":0,"value":"md`# Parsing and generating IIIF Georeference Annotations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"annotationUrl = 'https://annotations.allmaps.org/images/813b0579711371e2'","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"annotation = fetch(annotationUrl).then((reponse) => reponse.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"md`Parse the IIIF georeference annotation using the [@allmaps/annotation](https://www.npmjs.com/package/@allmaps/annotation) module:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"maps = annotationParser.parseAnnotation(annotation)","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"md`Map pixel boundaries:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"html`

${maps.map(mapToSvg)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"geojson = ({\n type: 'FeatureCollection',\n features: maps.map((map) => {\n const transformArgs = transform.createTransformer(map.gcps)\n const polygon = map.pixelMask.map((point) => transform.toWorld(transformArgs, point))\n \n return {\n type: 'Feature',\n properties: {},\n geometry: {\n type: 'Polygon',\n coordinates: [polygon]\n }\n }\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"md`Map GeoJSON boundaries:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"{\n let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` })\n yield container\n \n let map = L.map(container)\n let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', {\n attribution: '© OpenStreetMap contributors'\n }).addTo(map)\n \n let boundaryLayer = L.geoJson(geojson, {\n weight: 3,\n color: '#531e91'\n }).addTo(map)\n\n map.fitBounds(boundaryLayer.getBounds())\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"mapToSvg = (map) => svg`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"style = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"annotationParser = import('@allmaps/annotation@1.0.0-beta.5')","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"transform = import('@allmaps/transform')","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}