31:T5c4,## Implementation An overview of the digitized collections can be found on this page: https://objects.library.uu.nl/reader/object_list.php?lan=nl The `span` element of Open Access objects contains an image with the source `images/open_access.gif` (The class of the span element cannot be used). ```html

1 Partie de la nouvelle grande carte des Indes Orientales, contenant les terres du Mogol, Surate, Malabar, Cormandel, Bengale, Aracan, Pegu, Siam, Camboje, Tonquin %& une partie de la Chine ``` The `span` element of campus-only objects contain an image with the source `images/campus.gif`. ```html

1 Petrus 2: 5 : tempelbouw en offerdienst onder het N. Verbond ``` The IIIF Manifest URL can be constructed by using the identifier contained within the `href` value of Open Access objects, such as `1874-374543`. The corresponding Manifest URL is: - https://objects.library.uu.nl/manifest/iiif/v2/1874-374543. (Manifests of campus-only objects cannot be fetched:) - https://objects.library.uu.nl/manifest/iiif/v2/1874-319508 To increase loading speed, this Notebook works with a static version of the HTML page added as an attachment.32:[{"id":"2f836ab19f768916e09bd2ed9415985f5dad783694b87ed3e414fafad89ac7668e7dca30438629693127847ed50975ad2c19fbc556aaf00d32efd0c494ae8953","href":"https://static.observableusercontent.com/files/2f836ab19f768916e09bd2ed9415985f5dad783694b87ed3e414fafad89ac7668e7dca30438629693127847ed50975ad2c19fbc556aaf00d32efd0c494ae8953","name":"UBU-Objects-25-03-26@1.html","type":"text/html","lastModified":1742982113547.24,"size":9392036},{"id":"251b51279713a7c3651a9ccd95728d1e6d35c3617237f767d28fc78ca5bca08c3c52b745f0a26fd42d9c6c26edb595d031f4b58ec881f39092da5d8ab89cb7fc","href":"https://static.observableusercontent.com/files/251b51279713a7c3651a9ccd95728d1e6d35c3617237f767d28fc78ca5bca08c3c52b745f0a26fd42d9c6c26edb595d031f4b58ec881f39092da5d8ab89cb7fc","name":"base-export-maps-open-access.json","type":"application/json","lastModified":1688377063457.641,"size":24932},{"id":"e86cab9a65a68ab7278ac813b64b0146f2a8ba663b74d9ebc0b4cdbc6659a4cd1bd216f35e819941aca572f337aa54895245f5c49e3d3be491baf527b434f16e","href":"https://static.observableusercontent.com/files/e86cab9a65a68ab7278ac813b64b0146f2a8ba663b74d9ebc0b4cdbc6659a4cd1bd216f35e819941aca572f337aa54895245f5c49e3d3be491baf527b434f16e","name":"UBU Objects.html","type":"text/html","lastModified":1680034607614.586,"size":6764386}] 2f:{"title":"Georeferencing Utrecht University Library Maps","cells":[{"id":0,"value":"# Georeferencing Utrecht University Library Maps\n\nUtrecht University Library has recently implemented IIIF which means [Allmaps](https://allmaps.org/) can be used to georeference their collection of maps. Below is a list of all (!) digitized items from the special collections which can be filtered. Select an item to see a preview and open it in the [Allmaps Editor](https://editor.allmaps.org/#/).\n\nSuggested search queries:\n\n- [atlas](?query=atlas)\n- [map](?query=map)\n- [plan](?query=plan)\n- [plattegrond](?query=plattegrond)\n- [carte](?query=carte)\n- [karte](?query=karte)\n- [kaart](?query=kaart)","pinned":false,"hidden":false,"mode":"md"},{"id":254,"value":"viewof filteredArray = Inputs.search(ubuObjectsAsJson, {\n query: getUrlParams.query || null\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"viewof selectedItem = Inputs.table(filteredArray, {\n multiple: false,\n layout: \"fixed\",\n value: filteredArray[0],\n columns: [\"id\", \"label\"],\n header: {\n id: \"ID\",\n label: \"Label\"\n },\n width: {\n id: 100\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"

\n${selectedItem && allmapsAnnotation ? \"This map has already been georeferenced. Open it in the [Allmaps Viewer](\" + baseUrls.allmaps.viewer + baseUrls.allmaps.annotation + selectedItem.manifest + \") to (re)view or in the [Allmaps Editor](\" + baseUrls.allmaps.editor + selectedItem.manifest + \") to improve.\" : selectedItem ? \"This item has not yet been georeferenced. Open it in the [Allmaps Editor](\" + baseUrls.allmaps.editor + selectedItem.manifest + \") to get started.\" : \"_No manifest selected_\"}\n

","pinned":false,"hidden":false,"mode":"md"},{"id":325,"value":"**${ready && loadedManifest ? loadedManifest.label.none[0] : \"\"}**","pinned":false,"hidden":false,"mode":"md"},{"id":456,"value":"{\n if (loadedManifest && loadedManifest.metadata.length > 0) {\n return html`\"\n>`;\n } else {\n return html`No metadata available`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":313,"value":"viewof canvasIndex = Inputs.range([1, length], {\n label: length === 0 ? \"No pages\" : length > 1 ? length + \" Pages\" : \"1 Page\",\n value: 1,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":241,"value":"seq = {\n const seq = html``;\n\n seq.addEventListener(\"ready\", () => {\n mutable ready = true;\n });\n\n return seq;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":448,"value":"{\n if (selectedItem) {\n return md`\n## Exports\n\nManifest ID:\n\n- ${selectedItem.manifest}\n\nOpen selected manifest in:\n\n- [Universal Viewer](${baseUrls.universalViewer + selectedItem.manifest})\n- [Mirador](${baseUrls.mirador + selectedItem.manifest})\n\nAllmaps Annotation:\n\n- ${\n allmapsAnnotation\n ? \"https://annotations.allmaps.org/manifests/\" + generatedAllmapsId\n : \"_No annotation found_\"\n }\n\nXYZ/TileJSON:\n\n- ${\n allmapsAnnotation\n ? baseUrls.allmaps.xyz +\n \"https://annotations.allmaps.org/manifests/\" +\n generatedAllmapsId\n : \"_No annotation found_\"\n }\n- ${\n allmapsAnnotation\n ? baseUrls.allmaps.tileJson +\n \"https://annotations.allmaps.org/manifests/\" +\n generatedAllmapsId\n : \"_No annotation found_\"\n }\n`;\n } else return md`_No manifest loaded_`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"Inputs.button(\"Copy manifest URL to clipboard\", {\n value: null,\n reduce: () => navigator.clipboard.writeText(selectedItem.manifest)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"## Links\n\n- [Bijzondere Collecties](https://www.uu.nl/bijzondere-collecties)\n- [Kaarten en atlassen (schatkamer)](https://www.uu.nl/bijzondere-collecties/de-schatkamer/kaarten-en-atlassen)\n- [Kaarten en atlassen (verhalen)](https://www.uu.nl/bijzondere-collecties/collecties/kaarten-en-atlassen)\n- [Kaarten en atlassen (LibGuides)](https://libguides.library.uu.nl/bijzondermateriaal/kaartenenatlassen)\n- [Digitale tentoonstellingen](https://www.uu.nl/bijzondere-collecties/collecties/digitale-tentoonstellingen)","pinned":false,"hidden":false,"mode":"md"},{"id":221,"value":"## Todo\n\n- Filter for maps (the list currently contains all the digitized special collections)","pinned":false,"hidden":false,"mode":"md"},{"id":514,"value":"## New implementation\n\nDigitised items from Utrecht's Special Collection can be harvested through [BASE](https://www.base-search.net/Search/Results?lookfor=coll:ftunivutrecht%20&type=allus&sort=score%20desc,dctitle_sort%20asc&oaboost=1&refid=dcdden&filter[]=f_dctypenorm:3&filter[]=f_dcoa:1).","pinned":false,"hidden":false,"mode":"md"},{"id":517,"value":"rawBaseExport = FileAttachment(\n \"base-export-maps-open-access.json\"\n).json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":525,"value":"cleanBaseExport = rawBaseExport.records.map((item) => item.record)","pinned":false,"hidden":false,"mode":"ojs"},{"id":519,"value":"viewof table = Inputs.table(cleanBaseExport)","pinned":false,"hidden":false,"mode":"ojs"},{"id":557,"value":"Trying out: https://observablehq.com/@ivelascog/faceted-search","pinned":false,"hidden":false,"mode":"md"},{"id":534,"value":"// import { FacetedSearch } from \"@john-guerra/faceted-search\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":194,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":64,"value":"Example for getting values from HTML elements with javascript:\n\nhttps://www.w3schools.com/jsref/prop_node_attributes.asp\n```js\nconst nodeMap = document.getElementById(\"myImg\").attributes;\nlet text = \"\";\nfor (let i = 0; i < nodeMap.length; i++) {\n text += nodeMap[i].name + \" = \" + nodeMap[i].value + \"
\";\n}\ndocument.getElementById(\"demo\").innerHTML = text;\n```","pinned":false,"hidden":false,"mode":"md"},{"id":210,"value":"Attachment parsed as HTML:","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"ubuObjects = FileAttachment(\"UBU-Objects-25-03-26@1.html\").html()","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"JSON array of Open Access objects with IIIF Manifest links:","pinned":false,"hidden":false,"mode":"md"},{"id":393,"value":"ubuObjectsAsJson = {\n const allObjects = ubuObjects\n .getElementById(\"jop\")\n .getElementsByTagName(\"span\");\n let array = [];\n for (let i = 0; i < allObjects.length; i++) {\n const image = allObjects[i].childNodes[0].attributes[0].value;\n if (image.includes(\"open_access.gif\")) {\n const href = allObjects[i].childNodes[2].attributes[1].value;\n const id = href.match(/=(.*?)&/)[1];\n const manifest = \"https://objects.library.uu.nl/manifest/iiif/v2/\" + id;\n // Test base: \"https://iiif.apps-dev.k8s.library.uu.nl/manifest/iiif/v2/\"\n const label = allObjects[i].childNodes[2].innerHTML;\n array.push({ label, id, manifest });\n }\n }\n return array;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"## URL parameters\n\nSource: https://observablehq.com/@jerryjappinen/urlparams","pinned":false,"hidden":false,"mode":"md"},{"id":480,"value":"urlObj = new URL(document.baseURI)","pinned":false,"hidden":false,"mode":"ojs"},{"id":482,"value":"urlParamsObj = urlObj.searchParams","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"getUrlParams = {\n let params = {};\n\n urlParamsObj.forEach(function (val, key) {\n params[key] = val;\n });\n\n return params;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"## CanvasPanel","pinned":false,"hidden":false,"mode":"md"},{"id":252,"value":"loadedManifest = {\n if (ready && selectedItem) {\n const manifest = await seq.vault.loadManifest(selectedItem.manifest);\n seq.setCanvas(manifest.items[0].id);\n return manifest;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":306,"value":"loadedManifest && seq.setCanvas(loadedManifest.items[canvasIndex - 1].id)","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"length = loadedManifest?.items?.length || 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"mutable ready = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":415,"value":"## Allmaps","pinned":false,"hidden":false,"mode":"md"},{"id":424,"value":"allmapsAnnotation = {\n if (selectedItem) {\n return fetchAllmapsAnnotation(selectedItem.manifest);\n } else return null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"async function fetchAllmapsAnnotation(manifest) {\n const url = baseUrls.allmaps.annotation + manifest;\n let response = await fetch(url).then((response) => response.json());\n if (response.error) {\n return null;\n } else {\n for (const item of response.items) {\n item.target.partOf = [\n {\n id: manifest,\n type: \"Manifest\"\n }\n ];\n }\n return response;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":453,"value":"generatedAllmapsId = loadedManifest &&\n allmapsId.generateId(selectedItem.manifest)","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":238,"value":"canvasPanel = import(\n \"https://cdn.skypack.dev/@digirati/canvas-panel-web-components@1.0.56?min\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":420,"value":"import { baseUrls } from \"cf7502934c2e1c38\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":450,"value":"allmapsId = import(\"https://cdn.skypack.dev/@allmaps/id@1.0.0-beta.2\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}