31:T49b,globe = { let container = html`

`; // Give the container dimensions. yield container; // Create the \`map\` object with the mapboxgl.Map constructor, referencing // the container div let map = new mapboxgl.Map({ container, center: [-105.2705, 40.015], // Boulder, CO maxZoom: 20, zoom: 2, style: "mapbox://styles/mapbox/" + style, // This is all one needs to set the projection. Values are derived from the input cell defined above. projection: { name: "globe" }, scrollZoom: false }); map.addControl(new mapboxgl.FullscreenControl()); var draw = new MapboxDraw({ displayControlsDefault: false, controls: { polygon: true, trash: true }, defaultMode: "draw_polygon" }); // map.addControl(draw, "top-left"); map.on("load", () => { // Set the default atmosphere style map.setFog({}); }); map.addControl(new mapboxgl.NavigationControl(), "top-right"); mutable map = map; mutable draw = draw; // Be careful to clean up the map's resources using \`map.remove()\` whenever // this cell is re-evaluated. invalidation.then(() => map.remove()); }32:T8e1,// References force this cell to re-evalutate and render markers when the user selection of campaigns changes. // Value of rendered is number of markers currently drawn on map. Markers are removed and redrawn with any invalidation of this cell. renderMarks = { function addStation2Map(feature, options) { var el = document.createElement("div"); el.className = options.class; el.style["background-color"] = options.color; el.style["border"] = options.class === "track" ? "1px gray" : "solid .5px"; el.style["background-opacity"] = options.class === "track" ? 0.2 : 0.8; el.innerHTML = showLabels && feature.properties.time ? "__" + d3.timeFormat("%H:%M")( d3.timeParse("%Y-%m-%dT%H:%M:%SZ")(feature.properties.time) ) + "" : ""; return new mapboxgl.Marker(el) .setLngLat(feature.geometry.coordinates) .setPopup( new mapboxgl.Popup({ offset: 25 }).setHTML( options.class == "station" ? `

${feature.properties.site_code}

Sample Interval: ${ feature.properties.sample_interval } second

Coordinates: ${feature.geometry.coordinates .slice(0, 2) .join(", ")}

Elevation: ${d3.format(",")( feature.geometry.coordinates[2] )} meters

` : `

${d3.timeParse("%Y-%m-%dT%H:%M:%SZ")( feature.properties.time )}

` // TODO ) ) .addTo(map); } for (let i = markers.length - 1; i >= 0; i--) { markers[i].remove(); markers.pop(); } stations.features.forEach((feature) => { markers.push( addStation2Map(feature, { color: stationColor, class: "station" }) ); }); d3.merge([groundTrack], [groundTrack[0]]).forEach((d) => { markers.push( addStation2Map( { type: "Feature", geometry: { type: "Point", coordinates: d }, properties: { time: d.time } }, { color: satelliteColorScale(d.sat), class: "track" } ) ); }); return markers.length; }33:[{"id":"51ebcaa41af8493199a60bb0f9b86af5c00abdba6ee8df00cc38895185a0524ac2715e508e2ddda8dac13ea8f3f04e2a2d5623aba26a44a53991553f9a151bcd","href":"https://static.observableusercontent.com/files/51ebcaa41af8493199a60bb0f9b86af5c00abdba6ee8df00cc38895185a0524ac2715e508e2ddda8dac13ea8f3f04e2a2d5623aba26a44a53991553f9a151bcd","name":"ab282700@1.22n.Z","type":"application/x-compress","lastModified":1664372341199.853,"size":38042},{"id":"5cd8bb33c5bfa14318fcaaa66b92dd38cba7244bc83782e2a4a6aa41a1bccaaab3793f5fe4890f80d9e889480accac5a0c86ebc0cdbc6ab94b50011092fd93f6","href":"https://static.observableusercontent.com/files/5cd8bb33c5bfa14318fcaaa66b92dd38cba7244bc83782e2a4a6aa41a1bccaaab3793f5fe4890f80d9e889480accac5a0c86ebc0cdbc6ab94b50011092fd93f6","name":"main (1).wasm","type":"application/wasm","lastModified":1664383764664.338,"size":2760288},{"id":"f5c0bb7fbc561141274cd09f59c61068eebf9224ddc24a866cb33116afb236f3e194b417f70db7e14f2257d5b0ab29eac5a2c6cc3633ee35585c12a07eb6152f","href":"https://static.observableusercontent.com/files/f5c0bb7fbc561141274cd09f59c61068eebf9224ddc24a866cb33116afb236f3e194b417f70db7e14f2257d5b0ab29eac5a2c6cc3633ee35585c12a07eb6152f","name":"wasm_exec.js","type":"application/javascript","lastModified":1664383595154.447,"size":16612}] 2f:{"title":"🛰️ GPS Broadcast Ephemeris","cells":[{"id":0,"value":"# 🛰️ GPS Broadcast Ephemeris","pinned":false,"hidden":false,"mode":"md"},{"id":316,"value":"Upload a *UNIX-compressed* RINEX broadcast ephemeris file (e.g. `ab010010.22n.Z` is the default file) to see the ground tracks of the satellite orbits on an interactive globe.","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"viewof file = fileuploader({\n description: \"Drag and drop RINEX nav file (e.g. ab282700.22n.Z is default)\",\n default: FileAttachment(\"ab282700@1.22n.Z\")\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":595,"value":"benchmark\n ? md`Compute time: **${d3.format(\",\")(benchmark)} milliseconds**`\n : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1412,"value":"viewof whichDay = Inputs.date({ label: \"Day\", value: today })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1654,"value":"viewof showLabels = Inputs.toggle({label: \"Show Labels\", value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":769,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":841,"value":"viewof style = Inputs.select(\n [\n \"streets-v11\",\n \"outdoors-v11\",\n \"light-v10\",\n \"dark-v10\",\n \"satellite-v9\",\n \"satellite-streets-v11\",\n \"navigation-day-v1\",\n \"navigation-night-v1\"\n ],\n { label: \"basemap style\", value: \"satellite-streets-v11\" }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":936,"value":"viewof markerRadius = Inputs.range([3, 25], {\n value: 3,\n step: 1,\n label: \"Marker Radius\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":796,"value":"viewof satellite = Inputs.select(d3.range(1, 32), {\n label: \"Satellite(s)\",\n step: 1,\n value: [7],\n multiple: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1202,"value":"viewof stationColor = Inputs.color({ label: \"Station\", value: \"#24f024\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1213,"value":"viewof textColor = Inputs.color({\n label: \"Text\",\n value: \"#f2f2f2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"---\n## Appendix\n\nA Web Assembly Module compiled from Go is loaded in the browser by asychronously loading and evaluating a wasm_exec.js file produced by the Go compiler along with a wasm file containing useful Go functions that we intend to use from Javascript. In the simplest case, we have a .js helper file and a wasm file that must be loaded one after the other before we can interact with the webassembly code in the browser. That happens below:\n\n### WASM 🪄 ","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"// Load wasm_exec.js produced by the golang compiler.\nloadWasmExec = async (callback) => {\n const text = await FileAttachment(\"wasm_exec.js\").text();\n\n const script = document.createElement(\"script\");\n const code = document.createTextNode(text);\n script.appendChild(code);\n script.onload = callback;\n\n // The script will modify variables on window.\n document.body.appendChild(script);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"// Load the wasm file and run the main function.\ninstantiateWasm = async () => {\n const { Go } = window;\n const go = new Go();\n\n const headers = new Headers();\n headers.set(\"Content-Type\", \"application/wasm\");\n const response = new Response(\n await FileAttachment(\"main (1).wasm\").arrayBuffer(),\n {\n headers: headers\n }\n );\n\n return WebAssembly.instantiateStreaming(response, go.importObject).then(\n (result) => {\n go.run(result.instance);\n console.log(result.instance.exports);\n return result.instance;\n }\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"// One file must be loaded before the other to setup the wasm environment.\nwasm = {\n await loadWasmExec(() => {});\n return await instantiateWasm(() => {});\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":591,"value":"mutable benchmark = undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"byteArray = file.arrayBuffer().then((d) => new Uint8Array(d))","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"wasmBytes = {\n wasm;\n let t0 = Date.now();\n let result = window.skyview(uncompressedBytes, 0.0, 0.0, 0.0); // debug\n mutable benchmark = Date.now() - t0;\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":489,"value":"### Miscellaneous","pinned":false,"hidden":false,"mode":"md"},{"id":1463,"value":"// array buffer containing compressed rinex nav file\ncompressedBytes = file.arrayBuffer()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1538,"value":"uncompressedString = uncompress.default(compressedBytes) // weird module format that returns string instead of bytes","pinned":false,"hidden":false,"mode":"ojs"},{"id":1563,"value":"uncompressedBytes = new Uint8Array(\n new TextEncoder().encode(uncompressedString).buffer\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1399,"value":"today = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1402,"value":"yesterday = d3.timeDay.offset(new Date(), -1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1396,"value":"dateFormat = d3.timeFormat(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"data = text.map((d) =>\n // Convert time strings to date objects.\n // Convert system codes to human readible code\n JSON.parse(d, (key, value) => {\n switch (key) {\n case \"ToC\":\n return d3.timeParse(\"%Y-%m-%dT%H:%M:%SZ\")(value);\n case \"System\": // (e.g. \"0\" = \"GPS\" and \"3\" == \"GAL\" )\n return SYSTEM[value];\n default:\n return value;\n }\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"text = {\n return wasmBytes.map((d) => String.fromCharCode(...d));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1044,"value":"projector = require(\"https://bundle.run/ecef-projector@1.0.1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1030,"value":"delay = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":887,"value":"stations = metadataSearch({\n startDate: dateFormat(d3.timeDay.offset(whichDay, -1)),\n endDate: dateFormat(whichDay),\n realtime: \"N\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":918,"value":"mutable markers = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":854,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1103,"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":1106,"value":"polygons = ({\n // groundtrack: d3.merge([groundTrack], [groundTrack[0]]) // ring\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":851,"value":"mutable map = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":864,"value":"mutable draw = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":619,"value":"// e.g. 10394879 -> 10MB\nbytesToString = function (bytes) {\n let format = d3.format(\".0f\");\n\n if (bytes < 1024) {\n return format(bytes) + \"B\";\n } else if (bytes < 1024 * 1024) {\n return format(bytes / 1024) + \"kB\";\n } else if (bytes < 1024 * 1024 * 1024) {\n return format(bytes / 1024 / 1024) + \"MB\";\n } else if (bytes < 1024 * 1024 * 1024 * 1024) {\n return format(bytes / 1024 / 1024 / 1024) + \"GB\";\n } else if (bytes < 1024 * 1024 * 1024 * 1024 * 1024) {\n return format(bytes / 1024 / 1024 / 1024 / 1024) + \"TB\";\n } else {\n return (\n d3.format(\",\")(format(bytes / 1024 / 1024 / 1024 / 1024 / 1024)) + \"PB\"\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":471,"value":"import { fileuploader } from \"@fil/fileuploader\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":757,"value":"import { worldMapCoordinates } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":857,"value":"MapboxDraw = {\n const gl = await require(\"@mapbox/mapbox-gl-draw\");\n const href = await require.resolve(\n \"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css\"\n );\n document.head.appendChild(html``);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1261,"value":"satelliteColorScale = d3.scaleOrdinal(d3.range(1, 31), d3.schemeCategory10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1284,"value":"satLookup = {\n let dict = {};\n satellite.forEach((d) => (dict[d] = true));\n return dict;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1048,"value":"groundTrack = {\n return data\n .filter((d) => satLookup[d.Sat])\n .map((d) => {\n let a = projector.unproject(d.SatPos.X, d.SatPos.Y, d.SatPos.Z);\n let datum = [a[1], a[0]];\n datum.time = d.Time;\n datum.sat = d.Sat;\n return datum;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":808,"value":"dataBySat = d3.group(data, (d) => d.Sat)","pinned":false,"hidden":false,"mode":"ojs"},{"id":933,"value":"style1 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":873,"value":"import { drawIcon, deleteIcon } from \"@unavco/gnss-data-access\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":890,"value":"import { metadataSearch, fetchProducts } from \"@unavco/web-services\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":831,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@2.9.1\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoiYnJvb2tzbWFwcyIsImEiOiJja25ycjdmZXMwc3NoMm9xbXdpNThra2huIn0.j1ccDRj-S8MCp33aq9zbDw\";\n const href = await require.resolve(\"mapbox-gl@2.9.1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1533,"value":"uncompress = import(\"https://cdn.skypack.dev/uncompress@1.0.2?min\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1625,"value":"import { SYSTEM } from \"@unavco/observation-file\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}