2d:null 2e:["$","title",null,{"children":"Bioscience Map of Maine - v2 | cs7290 | Observable"}] 33:T11b5,viewof Maine = { const container = html`

`; let resolve; container.value = new Promise(_ => resolve = _); yield container; var map = (container.value = new maplibregl.Map({ boxZoom: true, pitch: 0, bearing: 0, maplibreLogo: true, container, center: [-69, 45], zoom: 6, style: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", scrollZoom: true })); map.on("data", function () { map.addSource("CTE", { type: "geojson", data: K12GeoJson }); map.addLayer({ id: "K12-circles", type: "circle", source: "CTE", layout: {}, paint: { 'circle-color': 'red', 'circle-opacity': 0.8, 'circle-radius': 5, } }); // Create a popup, but don't add it to the map yet. var popup = new maplibregl.Popup({ closeButton: false, closeOnClick: false }); map.on('mouseenter', 'K12-circles', function (e) { // Change the cursor style as a UI indicator. map.getCanvas().style.cursor = 'pointer'; var coordinates = e.features[0].geometry.coordinates.slice(); var Name = e.features[0].properties["School Name"]; // Populate the popup and set its coordinates // based on the feature found. popup.setLngLat(coordinates).setHTML('' + Name + '').addTo(map); }); map.on('mouseleave', 'K12-circles', function () { map.getCanvas().style.cursor = ''; popup.remove(); }); map.addSource("companies", { type: "geojson", data: companyGeoJson }); map.addLayer({ id: "company-circles", type: "circle", source: "companies", layout: {}, paint: { 'circle-color': 'blue', 'circle-opacity': 0.8, 'circle-radius': 5, } }); map.on('mouseenter', 'company-circles', function (e) { // Change the cursor style as a UI indicator. map.getCanvas().style.cursor = 'pointer'; var coordinates = e.features[0].geometry.coordinates.slice(); var Name = e.features[0].properties["School Name"]; // Populate the popup and set its coordinates // based on the feature found. popup.setLngLat(coordinates).setHTML('' + Name + '').addTo(map); }); map.on('mouseleave', 'company-circles', function () { map.getCanvas().style.cursor = ''; popup.remove(); }); map.addSource("Colleges", { type: "geojson", data: univGeoJson }); map.addLayer({ id: "Colleges-circles", type: "circle", source: "Colleges", layout: {}, paint: { 'circle-color': 'orange', 'circle-opacity': 0.8, 'circle-radius': 5, } }); map.on('mouseenter', 'Colleges-circles', function (e) { // Change the cursor style as a UI indicator. map.getCanvas().style.cursor = 'pointer'; var coordinates = e.features[0].geometry.coordinates.slice(); var Name = e.features[0].properties["School Name"]; // Populate the popup and set its coordinates // based on the feature found. popup.setLngLat(coordinates).setHTML('' + Name + '').addTo(map); }); map.on('mouseleave', 'Colleges-circles', function () { map.getCanvas().style.cursor = ''; popup.remove(); }); map.addSource("CC", { type: "geojson", data: CCGeoJson }); map.addLayer({ id: "CC-circles", type: "circle", source: "CC", layout: {}, paint: { 'circle-color': 'purple', 'circle-opacity': 0.8, 'circle-radius': 5, } }); map.on('mouseenter', 'CC-circles', function (e) { // Change the cursor style as a UI indicator. map.getCanvas().style.cursor = 'pointer'; var coordinates = e.features[0].geometry.coordinates.slice(); var Name = e.features[0].properties["School Name"]; // Populate the popup and set its coordinates // based on the feature found. popup.setLngLat(coordinates).setHTML('' + Name + '').addTo(map); }); map.on('mouseleave', 'CC-circles', function () { map.getCanvas().style.cursor = ''; popup.remove(); }); resolve(map); // Expose the Map instance as the view’s value. invalidation.then(() => map.remove()); }); map.addControl(new maplibregl.NavigationControl()); return map }34:[{"id":"976c79f5edcff0ed870c4f89dd41dae2d1349c32d74268111365e918e5aa67dcf89fdae8e1e43b9c454e8dc39d923d7dd921d49cb5df4a7f732c2779ca3cb4cb","href":"https://static.observableusercontent.com/files/976c79f5edcff0ed870c4f89dd41dae2d1349c32d74268111365e918e5aa67dcf89fdae8e1e43b9c454e8dc39d923d7dd921d49cb5df4a7f732c2779ca3cb4cb","name":"Dummy with Coords.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1670369133612.321,"size":29261}] 31:{"id":"7559ad43ec73469a","slug":"bioscience-map-of-maine-v2","title":"Bioscience Map of Maine - v2","thumbnail":"731b1a10d977ab1216b0d2bf9bfdd6c662571dbe608b76beef97bd8816cc426f","access_level":"public","create_time":"$D2022-12-06T23:25:33.612Z","update_time":"$D2023-03-06T20:20:09.745Z","view_time":null,"first_public_time":"$D2022-12-06T23:25:33.612Z","has_unpublished_edits":null,"fork":{"id":"bb7faa3dbfd49047","slug":"bioscience-map","title":"Bioscience Map of Maine","owner":{"id":"7948d1ff51ccf0d3","login":"derekgmuse","name":"Derek Muse"}},"stars":0,"starred":false,"owner":{"type":"team","id":"36d6960a2be047c3","login":"cs7290","name":"cs7290","avatar_url":"https://avatars-next.observableusercontent.com/0ce306b044a65964db703f894de0eb44f22f91f1037f36cf409a87ad03ab4a67","tier":"starter_2024"},"version":301,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"46d2f558159e3520","login":"rodroadl","name":"rodroadl","avatar_url":"https://avatars-next.observableusercontent.com/3310ff4d9e5dcddf8db248c8a423d2fa5135fffc15c626c2190c798e3a01f061","tier":null}],"members":[{"type":"team","id":"36d6960a2be047c3","login":"cs7290","name":"cs7290","avatar_url":"https://avatars-next.observableusercontent.com/0ce306b044a65964db703f894de0eb44f22f91f1037f36cf409a87ad03ab4a67","tier":"starter_2024","role":"editor"},{"type":"individual","id":"46d2f558159e3520","login":"rodroadl","name":"rodroadl","avatar_url":"https://avatars-next.observableusercontent.com/3310ff4d9e5dcddf8db248c8a423d2fa5135fffc15c626c2190c798e3a01f061","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Bioscience Map of Maine - v2","cells":[{"id":0,"value":"# Bioscience Map of Maine - v2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":229,"value":"viewof select","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"# Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":274,"value":"K12GeoJson = {\n return {\n type: \"FeatureCollection\",\n features: K12.map((d) => {\n return {\n type: \"Feature\",\n geometry: { type: \"Point\", coordinates: [d.Longitude, d.Latitude] },\n properties: d\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"CCGeoJson = {\n return {\n type: \"FeatureCollection\",\n features: CC.map((d) => {\n return {\n type: \"Feature\",\n geometry: { type: \"Point\", coordinates: [d.Longitude, d.Latitude] },\n properties: d\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"univGeoJson = {\n return {\n type: \"FeatureCollection\",\n features: univ.map((d) => {\n return {\n type: \"Feature\",\n geometry: { type: \"Point\", coordinates: [d.Longitude, d.Latitude] },\n properties: d\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"companyGeoJson = {\n return {\n type: \"FeatureCollection\",\n features: company.map((d) => {\n return {\n type: \"Feature\",\n geometry: { type: \"Point\", coordinates: [d.Longitude, d.Latitude] },\n properties: d\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"# Filters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":189,"value":"Filter_K12 = Maine.setFilter('K12-circles',['has', select]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"Filter_Companies = Maine.setFilter('company-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"Filter_Colleges = Maine.setFilter('Colleges-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"Filter_CC = Maine.setFilter('CC-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"md`## import`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"import {viewof select} from \"6703cfce2eceff50\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"maplibregl = require(\"maplibre-gl@2.1.9\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":249,"value":"import {K12, CC, univ, company} from \"@cs7290/unifying-data-format\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"