2d:null 2e:["$","title",null,{"children":"Situated Views of Rio de Janeiro | imagineRio | Observable"}] 33:T2ba4,viewof m1 = { //display map, search bar, dropdown, timeslider const container = html`

`; const search = html`

`; const count = html`

`; const creatorFilter = select({ title: "Filter by creator", options: creators }); const statusFilter = select({ title: "Filter by status", options: ["All", "Complete", "Scanned", "Reviewed", "Geolocated"] //arrstatus.keys() }); var creator; var status; // define constants const YEAR_MIN = 1800; const YEAR_MAX = 1950; const MAP_CENTER = [-43.19, -22.93]; const MAP_ZOOM = 11; const MAP_MAX_BOUNDS = [ [-43.852873, -23.125182], [-42.995993, -22.701798] ]; const MAP_STYLE = "mapbox://styles/mapbox/satellite-streets-v11"; // define filters const filterId = ["==", "$type", "Point"]; let filterCreator = ["==", "$type", "Point"]; let filterStatus = ["==", "$type", "Point"]; let filterYearMin = ["==", "$type", "Point"]; let filterYearMax = ["==", "$type", "Point"]; const timeSlider = html`

`; const content = html`

${timeSlider} ${creatorFilter} ${statusFilter} ${search} ${count} ${container}

`; yield content; //base map const map = (container.value = new mapboxgl.Map({ container, center: MAP_CENTER, zoom: MAP_ZOOM, maxBounds: MAP_MAX_BOUNDS, style: MAP_STYLE, scrollZoom: true })); // add map data map.on("load", function () { var filterId = ["==", "$type", "Point"]; var filterCreator = ["==", "$type", "Point"]; var filterStatus = ["==", "$type", "Point"]; var filterYearMin = ["==", "$type", "Point"]; var filterYearMax = ["==", "$type", "Point"]; map.addControl(new mapboxgl.NavigationControl(), "top-right"); map.addSource("mapbox-dem", { type: "raster-dem", url: "mapbox://mapbox.mapbox-terrain-dem-v1", tileSize: 512, maxzoom: 14 }); // add the DEM source as a terrain layer with exaggerated height map.setTerrain({ source: "mapbox-dem", exaggeration: 1.5 }); // add a sky layer that will show when the map is highly pitched map.addLayer({ id: "sky", type: "sky", paint: { "sky-type": "atmosphere", "sky-atmosphere-sun": [0.0, 0.0], "sky-atmosphere-sun-intensity": 15 } }); map.addSource("polygons", { type: "geojson", data: viewcones }); map.addSource("points", { type: "geojson", data: points }); // add points layer map.addLayer({ id: "points-layer", //type: 'symbol', type: "circle", source: "points", filter: ["==", "$type", "Point"], paint: { "circle-radius": 3, "circle-stroke-color": "white", "circle-stroke-width": 0.5, "circle-color": [ "case", ["==", ["get", "status"], "Complete"], arrstatus["Complete"].color, [ "case", ["==", ["get", "status"], "Reviewed"], arrstatus["Reviewed"].color, [ "case", ["==", ["get", "status"], "Scanned"], arrstatus["Scanned"].color, arrstatus["Geolocated"].color ] ] ] } }); // create viewcones layer map.addLayer( { id: "cones-layer", type: "fill", source: "polygons", paint: { "fill-color": "rgba(255, 255, 255, 0.5)" }, // show none by default filter: ["all", ["==", "$type", "Polygon"], ["in", "document_id", ""]] }, "points-layer" ); // get count of rendered items map.on('render', function() { var filteredCount = map.queryRenderedFeatures({layers: ['points-layer']}).length; document.getElementById('count').innerHTML = filteredCount + " visible items"; }); //filter by input document .getElementById("search-input") .addEventListener("keypress", function (e) { var key = e.which || e.keyCode; if (key === 13) { // 13 is enter - if key is enter key, read out value of text field var id = e.target.value.trim(); if (getIndex(id) > -1) { filterId = ["==", "Source ID", id]; highlight(id, map); } if (id == "") { filterId = ["==", "$type", "Point"]; } else { filterId = viewcones.features.reduce( function (memo, feature) { if (feature.properties["document_id"].indexOf(id) == 0) { memo.push(feature.properties["document_id"]); } return memo; }, ["in", "document_id"] ); } map.setFilter("points-layer", [ "all", filterId, filterCreator, filterStatus, filterYearMin, filterYearMax ]); } }); //filter by creator creatorFilter.addEventListener("change", function (e) { creator = e.target.value; if (creator == "All") { filterCreator = ["==", "$type", "Point"]; } else { filterCreator = ["==", "creator", creator]; } map.setFilter("points-layer", [ "all", filterId, filterCreator, filterStatus, filterYearMin, filterYearMax ]); }); //filter by status statusFilter.addEventListener("change", function (e) { status = e.target.value; if (status == "All") { filterStatus = ["==", "$type", "Point"]; } else { filterStatus = ["==", "status", status]; } map.setFilter("points-layer", [ "all", filterId, filterCreator, filterStatus, filterYearMin, filterYearMax ]); }); // multi-slider construction and filter applied var yearMin; var yearMax; var inputLeft = document.getElementById("input-left"); var inputRight = document.getElementById("input-right"); var thumbLeft = document.querySelector(".slider > .thumb.left"); var thumbRight = document.querySelector(".slider > .thumb.right"); var range = document.querySelector(".slider > .range"); function setLeftValue() { var _this = inputLeft, min = parseInt(_this.min), max = parseInt(_this.max); _this.value = Math.min( parseInt(_this.value), parseInt(inputRight.value) - 1 ); yearMin = parseInt(inputLeft.value); var percent = ((_this.value - min) / (max - min)) * 100; thumbLeft.style.left = percent - 1.5 + "%"; range.style.left = percent - 1.5 + "%"; filterYearMin = [">=", "firstyear", yearMin]; map.setFilter("points-layer", [ "all", filterId, filterCreator, filterStatus, filterYearMin, filterYearMax ]); document.getElementById("value-left").textContent = YEAR_MIN; } setLeftValue(); function setRightValue() { var _this = inputRight, min = parseInt(_this.min), max = parseInt(_this.max); _this.value = Math.max( parseInt(_this.value), parseInt(inputLeft.value) + 1 ); yearMax = parseInt(inputRight.value); var percent = ((_this.value - min) / (max - min)) * 100; thumbRight.style.right = 98.5 - percent + "%"; range.style.right = 98.5 - percent + "%"; filterYearMax = ["<=", "lastyear", yearMax]; map.setFilter("points-layer", [ "all", filterId, filterCreator, filterStatus, filterYearMin, filterYearMax ]); document.getElementById("value-right").textContent = YEAR_MAX; } setRightValue(); inputLeft.addEventListener("input", setLeftValue); inputRight.addEventListener("input", setRightValue); inputLeft.addEventListener("mouseover", function () { thumbLeft.classList.add("hover"); }); inputLeft.addEventListener("mouseout", function () { thumbLeft.classList.remove("hover"); }); inputLeft.addEventListener("mousedown", function () { thumbLeft.classList.add("active"); map.resetNorthPitch(); map.removeLayer("cones-layer-clicked"); const popup = document.getElementsByClassName("mapboxgl-popup"); if (popup.length) { popup[0].remove(); } }); inputLeft.addEventListener("mouseup", function () { thumbLeft.classList.remove("active"); }); inputRight.addEventListener("mouseover", function () { thumbRight.classList.add("hover"); }); inputRight.addEventListener("mouseout", function () { thumbRight.classList.remove("hover"); }); inputRight.addEventListener("mousedown", function () { thumbRight.classList.add("active"); map.resetNorthPitch(); map.removeLayer("cones-layer-clicked"); const popup = document.getElementsByClassName("mapboxgl-popup"); if (popup.length) { popup[0].remove(); } }); inputRight.addEventListener("mouseup", function () { thumbRight.classList.remove("active"); }); // show viewcone with the same id as the hovered point map.on("mousemove", "points-layer", function (e) { map.getCanvas().style.cursor = "pointer"; var feature = e.features[0]; map.setFilter("cones-layer", [ "in", "document_id", feature.properties["document_id"] ]); }); // turn off viewcone map.on("mouseleave", "points-layer", function (e) { map.getCanvas().style.cursor = ""; map.setFilter("cones-layer", ["in", "document_id", ""]); }); // set variables based on feature clicked map.on("click", "points-layer", function (e) { map.setFilter("cones-layer", ["in", "document_id", ""]); e.preventDefault(); let id = e.features[0].properties["document_id"]; highlight(id, map); }); map.on("click", function (e) { if (e.defaultPrevented === false) { map.resetNorthPitch(); if (map.getLayer("cones-layer-clicked")) { map.removeLayer("cones-layer-clicked"); } } }); }); }34:T50b,legend = { const size = 7; const page = html`

<\div>`; return page; }35:T40b,

A catalogar (${lists.toCatalog.length}):

${lists.toCatalog.join(".jpg \n")}

A digitalizar (${lists.toDigitize.length}):

${lists.toDigitize.join(".jpg \n")}

36:T1363,html``37:T8cd,function highlight(id, map) { if (map.getLayer("cones-layer-clicked")) { map.removeLayer("cones-layer-clicked"); } const popup = document.getElementsByClassName("mapboxgl-popup"); if (popup.length) { popup[0].remove(); } let index = getIndex(id); let target = viewcones.features[index]; // create clicked viewcones layer map.addLayer({ id: "cones-layer-clicked", type: "fill", source: "polygons", filter: ["all", ["in", "document_id", id]], paint: { "fill-color": "rgba(255, 255, 255, 0.6)" } }); let title = target.properties.title; let creator = target.properties.creator; let date = target.properties.Date; let FirstYear = target.properties["firstyear"]; let LastYear = target.properties["lastyear"]; let thumb_url = target.properties.thumbnail; let status = target.properties.status; let thumbnail = `

`; // get bearing from cone with same id let bearing = viewcones.features[index].properties.heading; let statuscircle = ``; // zoom to feature and align map to viewcone map.flyTo({ center: target.geometry.coordinates[0][0], zoom: Math.max(14, map.getZoom()), offset: [0, 80], bearing: bearing, pitch: 60 }); // show popup with thumbnail and metadata var popupClick = new mapboxgl.Popup({ anchor: "right", //if //offset: 80 offset: { 'top': [0, 0], 'top-left': [0, 0], 'top-right': [0, 0], 'bottom': [0, 0], 'bottom-left': [0, 0], 'bottom-right': [0, 0], 'left': [0, 0], 'right': [-100, 0], }, //closeButton: false }) .setLngLat(target.geometry.coordinates[0][0]) .setHTML( "

" + id + "

" + thumbnail + "

" + title + "

" + `Creator: ${creator}` + "

" + FirstYear + " - " + LastYear + statuscircle + "

" ) .setMaxWidth("200px") .addTo(map); }38:T4d2,function select(config = {}) { let { value: formValue, title, description, disabled, submit, multiple, size, options } = Array.isArray(config) ? { options: config } : config; options = options.map(o => typeof o === "object" ? o : { value: o, label: o } ); const form = input({ type: "select", title, description, submit, attributes: { disabled }, getValue: input => { const selected = Array.prototype.filter .call(input.options, i => i.selected) .map(i => i.value); return multiple ? selected : selected[0]; }, form: html` ` }); form.output.remove(); return form; }39:[] 31:{"id":"cd0a8e93e9bb0007","slug":"situated-views-of-rio-de-janeiro","title":"Situated Views of Rio de Janeiro","thumbnail":"43bc7d314d065c2afde391fbe2c01c8fd49acc9dde39298efea911b40326e072","access_level":"public","create_time":"$D2021-02-10T12:37:08.355Z","update_time":"$D2024-08-26T19:35:32.220Z","view_time":null,"first_public_time":"$D2021-02-11T12:41:56.332Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"ef1ddc8589891073","login":"imaginerio","name":"imagineRio","avatar_url":"https://avatars-next.observableusercontent.com/ff72b3a626e902761b3c96d23eddcbc9ef75d672d05ed1d81e499e591a2fc46a","tier":"starter_2024"},"version":3126,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"75f4b5c388755f01","login":"martimpassos","name":"Martim Passos","avatar_url":"https://avatars-next.observableusercontent.com/519c186cca8d332bacf9df96f2da4e8c70ffc3aa3e2158d4e3fedd135e9fe479","tier":null}],"members":[{"type":"team","id":"ef1ddc8589891073","login":"imaginerio","name":"imagineRio","avatar_url":"https://avatars-next.observableusercontent.com/ff72b3a626e902761b3c96d23eddcbc9ef75d672d05ed1d81e499e591a2fc46a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"75f4b5c388755f01","login":"martimpassos","name":"Martim Passos","avatar_url":"https://avatars-next.observableusercontent.com/519c186cca8d332bacf9df96f2da4e8c70ffc3aa3e2158d4e3fedd135e9fe479","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":15,"collection":null,"type":"notebook","body":{"title":"Situated Views of Rio de Janeiro","cells":[{"id":0,"value":"md`# Situated Views of Rio de Janeiro`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1700,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3031,"value":"$35","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":784,"value":"html`

Usage:

Hover over point to preview viewcone
Click on point to lock viewcone and display available thumbnail and metadata
Click on map to reset pitch and orientation
Use the filters to narrow down results by year, creator or identifier

Authors:

\nMartim Passos, Cíntia Mechler, Maiara Pitanga\n

Data:

\nInstituto Moreira Salles

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"table(\n metadata.map((item) => createTable(item)),\n { title: \"Project Data\", pageSize: 5 }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2907,"value":"viewcones.features[3395]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":645,"value":"md`#### Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2422,"value":"points = pointsGeojson(viewcones)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2571,"value":"viewcones.features[getIndex(\"014AM012013\")]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2602,"value":"lists = {\n const getLists = (metadataArray, column) => {\n return metadataArray\n .filter(\n (item) =>\n item[column] == \"\" &&\n item.Provider == \"Instituto Moreira Salles\" // &&\n //item.Latitude != \"\"\n )\n .map((item) => item.DocumentID);\n };\n let toDigitize = getLists(metadata, \"MediaURL\");\n let toCatalog = getLists(metadata, \"DocumentURL\");\n\n return {\n toDigitize: toDigitize,\n toCatalog: toCatalog,\n geolocated: ims_geolocated\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2641,"value":"ims_geolocated = dataset\n .filter(\n (feature) => feature.Provider == \"Instituto Moreira Salles\"\n )\n .map((item) => item.document_id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3110,"value":"dataset = combineArrays(metadata, viewcones.features)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1845,"value":"viewcones = fetch(\n \"https://raw.githubusercontent.com/imaginerio/imaginerio-data/main/output/viewcones.geojson\"\n)\n .then(function (response) {\n return response.json();\n })\n//viewcones = FileAttachment(\"import_viewcones@4.geojson\").json()\n .then((r) => formatData(r))\n .then((r) => getThumbs(r))\n .then((r) => insertStatus(r, metadata))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1076,"value":"creators = {\n let creators = getUniquePropertyValues(metadata, 'Creator');\n creators.unshift(\"All\");\n return creators;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"metadata = d3\n .csv(\n \"https://raw.githubusercontent.com/imaginerio/imaginerio-data/main/output/ims_metadata.csv\"\n )\n .then((r) => renameColumns(r))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1937,"value":"arrstatus = {\n var data = function (camera) {\n var arr = viewcones.features.map((i) => i.properties.status);\n var data = [\n arr.filter((x) => x == \"Geolocated\").length,\n arr.filter((x) => x == \"Scanned\").length,\n arr.filter((x) => x == \"Reviewed\").length,\n arr.filter((x) => x == \"Complete\").length\n ];\n return data;\n };\n var arr = {\n Geolocated: { color: \"#eff3ff\", number: data(viewcones)[0] },\n Scanned: { color: \"#6baed6\", number: data(viewcones)[1] },\n Reviewed: { color: \"#bdd7e7\", number: data(viewcones)[2] },\n Complete: { color: \"#2171b5\", number: data(viewcones)[3] }\n };\n\n\n\n\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"md`#### Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":944,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3108,"value":"function combineArrays(arr1, arr2) {\n let combined = [];\n \n arr1.forEach(obj1 => {\n let obj2 = arr2.find(o => o.properties.document_id === obj1.DocumentID); // assuming objects have a unique `id` property\n if (obj2) {\n let mergedObj = {...obj1, ...obj2.properties};\n combined.push(mergedObj);\n }\n });\n \n return combined;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3098,"value":"function getUniquePropertyValues(arr, prop) {\n let uniqueValues = [];\n let tempValues = {};\n\n for (let i = 0; i < arr.length; i++) {\n let value = arr[i][prop];\n\n if (value !== undefined && !(value in tempValues)) {\n tempValues[value] = true;\n uniqueValues.push(value);\n }\n }\n\n return uniqueValues;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2446,"value":"function createTable(item) {\n let index = getIndex(item.DocumentID);\n let thumb =\n index != -1 ? viewcones.features[index].properties.thumbnail : null;\n console.log(thumb);\n return {\n Identifier: md`**${item.DocumentID}**`,\n Thumbnail: html`

`,\n title: `${item.title}`,\n Creator: `${item.creator}`,\n Date: `${item.Date}`,\n Latitude: md`${parseFloat(item.Latitude).toFixed(5)}`,\n Longitude: md`${parseFloat(item.Longitude).toFixed(5)}`\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1579,"value":"function renameColumns(data) {\n data.map(function (i) {\n Object.keys(i).map((item) => {\n if (item.indexOf(\" \") > 0) {\n var n = item.split(\" \").join(\"\");\n i[n] = i[item];\n delete i[item];\n }\n });\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2172,"value":"getThumbs = function (geojson) {\n geojson.features.map(async function (feature) {\n let id = feature.properties[\"document_id\"];\n let sizes;\n try {\n await fetch(\n `https://imaginerio-images.s3.us-east-1.amazonaws.com/iiif/${id}/info.json`\n )\n .then((response) => response.json())\n .then((data) => (sizes = data.sizes[0]));\n let width = sizes.width;\n let height = sizes.height;\n feature.properties.thumbnail = `https://imaginerio-images.s3.us-east-1.amazonaws.com/iiif/${id}/full/${width},${height}/0/default.jpg`;\n } catch (error) {\n console.log(error);\n feature.properties.thumbnail = null;\n }\n });\n return geojson;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1686,"value":"insertStatus = function (geojson, data) {\n var id;\n var index;\n var source = 0;\n var media = 0;\n var both = 0;\n var nothing = 0;\n geojson.features.map(function (i) {\n id = i.properties[\"document_id\"];\n data.map(function (item) {\n if (item.DocumentID == id) {\n if (item.DocumentURL && item.MediaURL == \"\") {\n i.properties.status = \"Reviewed\";\n source++;\n } else if (item.MediaURL && item.DocumentURL == \"\") {\n i.properties.status = \"Scanned\";\n media++;\n } else if (item.MediaURL && item.DocumentURL) {\n i.properties.status = \"Complete\";\n both++;\n } else {\n i.properties.status = \"Geolocated\";\n nothing++;\n }\n }\n });\n });\n console.log(source, media, both, nothing);\n return geojson;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2332,"value":"function getIndex(id) {\n return viewcones.features\n .map((feature) => feature.properties[`document_id`])\n .indexOf(id);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1174,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1598,"value":"pointsGeojson = function (geojson) {\n let newGeojson = {\n type: \"FeatureCollection\",\n features: []\n };\n geojson.features.map(function (polygon) {\n var point = polygon.geometry.coordinates[0][0];\n var properties = polygon.properties;\n var feature = {\n type: \"Feature\",\n properties: properties,\n geometry: {\n type: \"Point\",\n coordinates: point\n }\n };\n newGeojson.features.push(feature);\n });\n return newGeojson;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"formatData = function (data) {\n // Create a year property value based on date\n data.features = data.features.map(function (i) {\n if (i.properties[\"lastyear\"]) {\n i.properties[\"lastyear\"] = new Date(\n i.properties[\"lastyear\"]\n ).getUTCFullYear(); \n \n // return i;\n } else {\n i.properties[\"lastyear\"] = 1800;\n // return i;\n };\n if (i.properties[\"firstyear\"]) {\n i.properties[\"firstyear\"] = new Date(\n i.properties[\"firstyear\"]\n ).getUTCFullYear(); \n return i;\n } else {\n i.properties[\"firstyear\"] = 1800;\n return i;\n };\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1867,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":656,"value":"mdPlus`#### To do:\n- [x] Busca por id ou outros metadados\n- [x] Filtro dropdown de autores\n- [x] Slider de data\n- [x] Centralizar/zoom in no ícone ao buscar ou clicar\n- [x] Rotacionar mapa para alinhar com direção da foto\n- [ ] Cluster de fotos próximas\n- [x] Usar ícone de câmera?\n- [X] Diferenciar itens por cor (publicados no Omeka, faltando imagem em alta)\n- [X] [Adicionar terreno? 🤯](https://docs.mapbox.com/mapbox-gl-js/example/add-terrain/)\n- [ ] Fixar pop-up no canto esquerdo superior ou direito inferior`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1030,"value":"md`#### Import`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"import { input } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"import {table} from \"@tmcw/tables/2\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"import {mdPlus} from \"@tmcw/bonus-markdown-flavor\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@2.1.0\");\n if (!gl.accessToken) {\n gl.accessToken = \"pk.eyJ1IjoiYmVuamFtaW5hZGsiLCJhIjoiY2p4bndvOHp6MDB0MTNucXVudzU5MGh6NiJ9.w0jaZd2EhKnoe0ttahUmuQ\"\n const href = await require.resolve(\"mapbox-gl@2.1.0/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 32:"$31:body"