// MapLibre Heatmap from Lukas with minor tweaks and unused code removed map = { const map = new maplibregl.Map({ maplibreLogo: true, container, center: [-70.2568, 43.64], zoom: 12, style: `https://basemaps.cartocdn.com/gl/${basemap}-gl-style/style.json`, cooperativeGestures: true }); invalidation.then(() => map.remove()); map.addControl(new maplibregl.NavigationControl()); const bb = container.getBoundingClientRect(); map.on("load", function () { map.addSource("stink", { type: "geojson", data: geoData }); // limit map to area with data var bounds = [ [-70.4, 43.4], [-70.1, 43.8] ]; map.setMaxBounds(bounds); map.addLayer({ id: "stinkyheat", type: "heatmap", source: "stink", paint: { "heatmap-radius": 10, "heatmap-color": [ "interpolate", ["linear"], ["heatmap-density"], 0, "rgba(0, 0, 255, 0)", 0.1, "rgba(35, 86, 45, 0.92)", 0.3, "rgba(44, 149, 66, 0.92)", 0.5, "lime", 0.7, "yellow", 1, "rgba(245, 99, 39, 0.92)" ], "heatmap-intensity": 0.8 } }); //Loads all the images for symbols map.loadImage("https://i.imgur.com/Aw241O4.png", function (error, image) { if (error) throw error; map.addImage("schoolIcon", image); }); map.loadImage("https://i.imgur.com/UTEdNow.png", function (error, image) { if (error) throw error; map.addImage("libraryIcon", image); }); map.loadImage("https://i.imgur.com/qBwoy8m.png", function (error, image) { if (error) throw error; map.addImage("govtIcon", image); }); map.loadImage("https://i.imgur.com/qpgAMfc.png", function (error, image) { if (error) throw error; map.addImage("parkIcon", image); }); map.loadImage("https://i.imgur.com/MKDpPpH.png", function (error, image) { if (error) throw error; map.addImage("childcareIcon", image); }); //School data and layer map.addSource("schools", { type: "geojson", data: maineSchoolsGeoJson }); map.addLayer({ id: "schoolPoints", type: "symbol", layout: { "icon-image": "schoolIcon", "icon-allow-overlap": true }, source: "schools" }); //Library data and layer map.addSource("libraries", { type: "geojson", data: maineLibraryGeoJson }); map.addLayer({ id: "libraryPoints", type: "symbol", source: "libraries", layout: { "icon-image": "libraryIcon", "icon-allow-overlap": true } }); //Govt data and layer map.addSource("govt", { type: "geojson", data: maineGovernmentGeoJson }); map.addLayer({ id: "govtPoints", type: "symbol", source: "govt", layout: { "icon-image": "govtIcon", "icon-allow-overlap": true } }); //Park data and Layer map.addSource("park", { type: "geojson", data: parkGeojson }); map.addLayer({ id: "parkPoints", type: "symbol", source: "park", layout: { "icon-image": "parkIcon", "icon-allow-overlap": true } }); //Childcare Data and Layer map.addSource("childCare", { type: "geojson", data: childCareGeoJson }); map.addLayer({ id: "childCarePoints", type: "symbol", source: "childCare", layout: { "icon-image": "childcareIcon", "icon-allow-overlap": true } }); }); //School popup map.on("mouseenter", "schoolPoints", function (e) { popup .setLngLat(e.lngLat) .setHTML("

" + e.features[0].properties["School Name"] + "

") .addTo(map); }); map.on("mouseleave", "schoolPoints", function (e) { popup.remove(); }); //Library Popup map.on("mouseenter", "libraryPoints", function (e) { popup .setLngLat(e.lngLat) .setHTML("

" + e.features[0].properties.Name + "

") .addTo(map); }); map.on("mouseleave", "libraryPoints", function (e) { popup.remove(); }); //Government Popup map.on("mouseenter", "govtPoints", function (e) { popup .setLngLat(e.lngLat) .setHTML("

" + e.features[0].properties.name + "

") .addTo(map); }); map.on("mouseleave", "govtPoints", function (e) { popup.remove(); }); //Park Popup map.on("mouseenter", "parkPoints", function (e) { popup .setLngLat(e.lngLat) .setHTML("

" + e.features[0].properties.name + "

") .addTo(map); }); map.on("mouseleave", "parkPoints", function (e) { popup.remove(); }); //Child Care Popup map.on("mouseenter", "childCarePoints", function (e) { popup .setLngLat(e.lngLat) .setHTML("

" + e.features[0].properties.name + "

") .addTo(map); }); map.on("mouseleave", "childCarePoints", function (e) { popup.remove(); }); return map; }