31:T65a,// This map will redraw if the underlying data specifying the markers on the map changes. // To preserve state, we redraw polygons in the event tileMap is reevaluated. viewof tileMap = { const container = html`

`; yield container; // Give the container dimensions. const map = (container.value = new mapboxgl.Map({ container, center: [-105.2705, 40.015], zoom: 3, style: "mapbox://styles/mapbox/streets-v11", scrollZoom: true })); map.addControl(new mapboxgl.FullscreenControl()); var draw = new MapboxDraw({ displayControlsDefault: false, touchEnabled: false // controls: { // polygon: true, // trash: true // }, // defaultMode: "draw_polygon" }); map.addControl(draw); // Add a polygon, index by ID. // map.on("draw.create", (e) => { // let feature = e.features[0]; // mutable polygons[feature.id] = feature.geometry.coordinates[0]; // mutable signal *= -1; // }); // Remove a polygon by ID. // map.on("draw.delete", (e) => { // let feature = e.features[0]; // delete mutable polygons[feature.id]; // mutable signal *= -1; // }); // Update a polygon by ID. // map.on("draw.update", (e) => { // let feature = e.features[0]; // console.log(feature); // mutable polygons[feature.id] = feature.geometry.coordinates[0]; // mutable signal *= -1; // }); // Set a mutable reference to the map that allows for us to control a single instance // of the map. mutable map = map; mutable draw = draw; // TODO add marks to map invalidation.then(() => map.remove()); }32:T437,renderResults = { signal; // Forces re-evaluation of this entire cell. draw.delete(drawn); let points = validStations.length ? validStations.map((d) => stationGroup.get(d)[0].geometry.coordinates.slice(0, 2) ) : [defaultMapCenter]; if (points.length == 1) { map.flyTo({ center: points[0], zoom: 4 }); } else { let longExtent = d3.extent(points, (d) => d[0]); let latExtent = d3.extent(points, (d) => d[1]); let bbox = [ [longExtent[0], latExtent[0]], [longExtent[1], latExtent[1]] ]; map.fitBounds(bbox, { padding: { top: 50, bottom: 50, left: 50, right: 50 } }); } // Redraw previously drawn polygons, if any. results.forEach((feature) => { drawn.push( draw.add({ type: "Feature", properties: { type: "Feature" }, id: feature.id, // Note, coordinates is an array of(one) polygon. geometry: { type: "Polygon", coordinates: feature.geometry.coordinates } })[0] // Add a single Polygon feature. ); }); return results.length; }33:[] 2f:{"title":"🌱 Land Acknowledgement","cells":[{"id":0,"value":"title = md`# 🌱 Land Acknowledgement\n\n*This tool is in beta. We suggest viewing this notebook in the [Chrome Browser](https://www.google.com/chrome/).*\n\nSearch for stations within the NOTA network (e.g. \\`NIST\\` or \\`AB02\\`) and find the *indigenous territories* on which these stations are positioned.\n\nIndigenous land data is provided by [Native Land Digital](https://native-land.ca/).\n\n**[Release Notes](https://observablehq.com/@unavco/release-notes-data-archive-interface)**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1201,"value":"md`*Enter a list of stations separated by spaces in the textarea below.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":883,"value":"viewof stationTextarea = Inputs.textarea({\n value: importConfiguration.stations\n ? importConfiguration.stations.join(\" \")\n : \"\",\n rows: 12,\n placeholder:\n \"AB02 OKSO OKCE OKNC OKFG MAPS MSWB MREP DUTC AV09 AKRB AKMO AV10 AC42\",\n submit: true,\n label: \"Stations\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1143,"value":"explainer = md`*The following table summarizes the names of indigenous territories that contain the stations listed above. Click the description to learn more about a particular territory.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1023,"value":"viewof table = Table(tableData, {\n columns: [\"Name\", \"description\"],\n format: {\n description: (d) => html`${d}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1033,"value":"resultsText = results.length\n ? md`### Acknowledgement\n\nThe stations\n\n**${validStations.join(\", \")}**\n\ncollect data on the indigenous lands of\n\n**${tableData.map((d) => d.Name).join(\", \")}**`\n : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1178,"value":"share = validStations.length < stationCutoff\n ? html`

🌟 Share

\n\n

You can share this notebook exactly how it is now with a friend, colleague, or yourself to save your work.

`\n : md`That's a lot of stations! You can share your stations with a friend, colleague, or yourself by copy pasting your list in the textbox above.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1176,"value":"copyUrlButton = Copier(\"📋 Copy Land Acknowledgement URL\", {\n value: shareableUrl,\n disabled: validStations.length > stationCutoff\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"md`---\n# Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"env = importConfiguration.environment ? importConfiguration.environment : \"dev\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1194,"value":"stationCutoff = 100","pinned":false,"hidden":false,"mode":"ojs"},{"id":742,"value":"selectedLayers = [\"territories\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":939,"value":"validStations = stationTextarea\n .toUpperCase()\n .split(\" \")\n .filter((d) => stationGroup.has(d))","pinned":false,"hidden":false,"mode":"ojs"},{"id":897,"value":"stationGroup = {\n let sites = await locations();\n\n return d3.group(sites.features, (d) => d.properties.site_code);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":659,"value":"mutable draw = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"mutable map = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":841,"value":"// array of ids for features drawn on the map\nmutable drawn = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":816,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1130,"value":"defaultMapCenter = [-101.2996, 47.1164] // Center of North America","pinned":false,"hidden":false,"mode":"ojs"},{"id":801,"value":"payload = {\n signal;\n\n return {\n maps: selectedLayers.join(\",\"),\n polygon_geojson: {\n type: \"FeatureCollection\",\n features: Object.keys(polygons).map((id) => {\n return {\n type: \"Feature\",\n properties: {},\n geometry: {\n type: \"Polygon\",\n coordinates: [polygons[id]]\n }\n };\n })\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":732,"value":"results = {\n signal;\n\n let all = validStations.map((code) => {\n let feature = stationGroup.get(code)[0];\n let coordinates = feature.geometry.coordinates\n .slice(0, 2)\n .reverse() // lat/long\n .join(\",\");\n console.log(coordinates);\n return fetch(\n `https://native-land.ca/api/index.php?maps=${selectedLayers.join(\n \",\"\n )}&position=${coordinates}`\n )\n .then((response) => response.json())\n .catch((e) => console.log(e));\n });\n\n let dict = {};\n\n return Promise.all(all)\n .then((d) => d3.merge(d))\n .then((merged) => {\n merged.forEach((d) => (dict[d.id] = d));\n let deduped = [];\n for (const [key, value] of Object.entries(dict)) {\n deduped.push(value);\n }\n return deduped;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1020,"value":"tableData = {\n return results.map((d) => d.properties);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":914,"value":"mutable markers = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":913,"value":"renderMarks = {\n validStations;\n\n function addStation2Map(feature, options) {\n var el = document.createElement(\"div\");\n el.className = \"marker\";\n // el.style[\"text-shadow\"] = \"#6e5c4b 1px 0 10px\";\n el.innerHTML = \"\" + feature.properties.site_code + \"\";\n el.style.color = \"magenta\";\n\n return new mapboxgl.Marker(el)\n .setLngLat(feature.geometry.coordinates)\n .addTo(map);\n }\n\n for (let i = markers.length - 1; i >= 0; i--) {\n markers[i].remove();\n markers.pop();\n }\n\n validStations.forEach((code) => {\n markers.push(\n addStation2Map(stationGroup.get(code)[0], { color: \"magenta\" })\n );\n });\n\n return markers.length;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":657,"value":"renderPolygons = {\n // Redraw previously drawn polygons, if any.\n for (let id in polygons) {\n draw.add({\n type: \"Feature\",\n properties: { type: \"Feature\" },\n id: id,\n // Note, coordinates is an array of(one) polygon.\n geometry: { type: \"Polygon\", coordinates: [polygons[id]] }\n }); // Add a Polygon feature.\n }\n\n return Date.now();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"mutable signal = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"// The collection of drawn bounding polygons used for spatial search\n// Polygons can be created, updated, and deleted from this list using perisistent ids\n// Polygons have a \"id\" property and a \"geometry\" property with a \"coordinates\" array of (long, lat) tuples.\n// (easting, northing)\nmutable polygons = importConfiguration.polygons\n ? importConfiguration.polygons\n : {}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"mutable importConfiguration = {\n let dict = {};\n let i = 0;\n\n // Hack: Fixes apparent bug with Observable passing location.search down from parent frame.\n while (!location.search && i < 2) {\n i++;\n yield Promises.tick(1000, {});\n }\n\n if (location.search) {\n let queries = location.search.length\n ? location.search\n .substring(1)\n .split(\"&\")\n .map((d) => d.split(\"=\"))\n : [];\n\n queries.forEach((d) => {\n if (d[1]) {\n try {\n dict[d[0]] = JSON.parse(decodeURIComponent(d[1]));\n } catch (error) {\n console.log(\"Unable to process query parameter: \", d[0], d[1]);\n }\n }\n });\n }\n\n yield dict;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1165,"value":"// Every property has a string as its value.\nexportConfiguration = {\n signal;\n\n let obj = {\n stations: validStations\n };\n\n for (const property in obj) {\n obj[property] = JSON.stringify(obj[property]);\n }\n\n return obj;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1173,"value":"baseUrl = document.baseURI","pinned":false,"hidden":false,"mode":"ojs"},{"id":1170,"value":"shareableUrl = {\n let url = baseUrl.split(\"?\")[0] + \"?\"; // Everything before the query\n\n let strippedParams = {};\n\n for (const [key, value] of Object.entries(exportConfiguration)) {\n if (value) {\n strippedParams[key] = value;\n }\n }\n\n return url + new URLSearchParams(strippedParams).toString();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"dateFormat = d3.timeFormat(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"import { date } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"parseDateZulu = d3.timeParse(\"%Y-%m-%d%Z\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"oneDecadeAgo = d3.timeYear.offset(new Date(), -10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"oneWeekAgo = {\n let c = new Date(); // today, still today!\n c.setDate(today.getDate() - 7);\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"today = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1\");\n if (!gl.accessToken) {\n // https://www.mapbox.com/help/how-access-tokens-work/\n gl.accessToken =\n \"pk.eyJ1IjoiYnJvb2tzbWFwcyIsImEiOiJja25ycjdmZXMwc3NoMm9xbXdpNThra2huIn0.j1ccDRj-S8MCp33aq9zbDw\";\n const href = await require.resolve(\"mapbox-gl@1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"MapboxDraw = {\n const gl = await require(\"@mapbox/mapbox-gl-draw\");\n const href = await require.resolve(\"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css\");\n document.head.appendChild(html``);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"colorScale = d3.scaleOrdinal(d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1182,"value":"import { Copier } from \"@mbostock/copier\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"import {Search, Table, Button, Toggle, Range, Radio} from \"@observablehq/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"import {\n campaigns,\n locations\n} with { env as environment } from \"@unavco/gnss-web-services\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"import { drawIcon, deleteIcon } from \"@unavco/gnss-data-access\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}