31: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 }32:[{"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}] 2f:{"title":"Bioscience Map of Maine - v2","cells":[{"id":0,"value":"# Bioscience Map of Maine - v2","pinned":false,"hidden":false,"mode":"md"},{"id":229,"value":"viewof select","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"# Data","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"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"},{"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"},{"id":187,"value":"# Filters","pinned":false,"hidden":false,"mode":"md"},{"id":189,"value":"Filter_K12 = Maine.setFilter('K12-circles',['has', select]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":192,"value":"Filter_Companies = Maine.setFilter('company-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"Filter_Colleges = Maine.setFilter('Colleges-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"Filter_CC = Maine.setFilter('CC-circles',['has', select]);","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"md`## import`","pinned":true,"hidden":false,"mode":"ojs"},{"id":221,"value":"import {viewof select} from \"6703cfce2eceff50\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"maplibregl = require(\"maplibre-gl@2.1.9\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":133,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":249,"value":"import {K12, CC, univ, company} from \"@cs7290/unifying-data-format\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}