25:["$","title",null,{"children":"Aurora Engagements | Armin Akhavan | Observable"}] 49:T7d5,viewof map = { yield container; let map = (container.value = new mapboxgl.Map({ container, center: [-104.7759457, 39.66844566], zoom: 10, style: "mapbox://styles/mapbox/light-v10" })); map.on("load", () => { map.addSource("entrypoints", { type: "geojson", data: entrypoints, cluster: false, clusterRadius: 20, // cluster two trailheads if less than 20 pixels apart clusterMaxZoom: 10 // display all trailheads individually from zoom 14 up }); map.addLayer({ id: "entrypoints-vis", type: "circle", source: "entrypoints", paint: { "circle-radius": 10, "circle-opacity": 0.9, "circle-color": [ "match", ["get", "Survey The"], ...circle_color_spec_export ] } }); map.addLayer({ id: "entrypoints-labels", type: "symbol", source: "entrypoints", layout: { "text-font": ["Lato Black"], "text-field": ["get", "label"], "text-size": 18 }, paint: { "text-color": "#FFFFFF" } }); map.on("click", "entrypoints-vis", (e) => { const coordinates = e.features[0].geometry.coordinates.slice(); const nametext = e.features[0].properties["Park Name"]; const comments = e.features[0].properties["Comment"]; const theme = e.features[0].properties["Survey The"]; while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } let popupinfo = ""; new mapboxgl.Popup() .setLngLat(coordinates) .setHTML( `

Name: ${nametext}

Comment: ${comments}

Theme: ${theme}

` ) .addTo(map); }); container.value = map; container.dispatchEvent(new CustomEvent("input")); }); }4a:[{"id":"1a04b5048c9879fafba01c62e7cf8019897a977ad55abce45e29cec8bc3525e7d2c08639bfc96e84829b5ad55d78e40b316b547e834efd575eb874f17aebac40","href":"https://static.observableusercontent.com/files/1a04b5048c9879fafba01c62e7cf8019897a977ad55abce45e29cec8bc3525e7d2c08639bfc96e84829b5ad55d78e40b316b547e834efd575eb874f17aebac40","name":"aurora_eng_commns_221212_g.geojson","type":"application/geo+json","lastModified":1670939722183.263,"size":20135}] 29:{"id":"c2a45678f85b80ff","slug":null,"title":"Aurora Engagements","thumbnail":"98fb4e702c158e6848d94975676593e1b7b50af8f0bf6a488ba25a18941caab7","access_level":"public","create_time":"$D2022-12-13T13:54:53.572Z","update_time":"$D2022-12-13T14:27:17.568Z","view_time":null,"first_public_time":"$D2022-12-13T13:54:53.572Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"92e740786daf87d8","login":"arminakvn","name":"Armin Akhavan","avatar_url":"https://avatars-next.observableusercontent.com/cbd8e47f76e54ac717c9df251e0a675c321dfb4126db5704e7475155390eb3b7","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":60,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"86206b14aff34f9b","login":"arminakvn","name":"Armin Akhavan","avatar_url":"https://avatars-next.observableusercontent.com/cbd8e47f76e54ac717c9df251e0a675c321dfb4126db5704e7475155390eb3b7","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"86206b14aff34f9b","login":"arminakvn","name":"Armin Akhavan","avatar_url":"https://avatars-next.observableusercontent.com/cbd8e47f76e54ac717c9df251e0a675c321dfb4126db5704e7475155390eb3b7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Aurora Engagements","cells":[{"id":0,"value":"# Aurora Engagements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"container = html`\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"key = Swatches(\n d3.scaleOrdinal([...color_values_mappedout], circle_colors_mappedout),\n { columns: \"180px\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"entrypoints = FileAttachment(\"aurora_eng_commns_221212_g.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"mapboxgl = {\n let mapboxgl = await require(\"mapbox-gl@2.7.0\");\n mapboxgl.accessToken =\n \"pk.eyJ1IjoidGFkaXJhbWFuIiwiYSI6ImNrMHExc3BuMzAzeXEzY25ieGR0YzUyanEifQ.-DtKkrkkxhpdz0YIn_NX5g\";\n\n return mapboxgl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"import {\n circle_color_spec_export,\n color_values_mappedout,\n circle_colors_mappedout,\n data\n} from \"@arminakvn/mapfunctionsaurora\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null