2f:T1411,World = { const container = yield html`

`; const map = (container.value = new maplibregl.Map({ //interactive: false, boxZoom: true, pitch: 0, bearing: 0, maplibreLogo: true, container, center: [-70.2568, 43.64], zoom: 12, style: `https://basemaps.cartocdn.com/gl/${basemap}-gl-style/style.json`, scrollZoom: true })); map.on('load', function() { //Loads the images to use 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/mlbq8xf.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', source: 'schools', layout: { 'icon-image': 'schoolIcon', 'icon-allow-overlap': true, 'visibility': 'none' } }); //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, 'visibility': 'none' } }); //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, 'visibility': 'none' } }); //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, 'visibility': 'none' } }); //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, 'visibility': 'none' } }); }); //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(); }); } 30:[{"id":"cd174074de6c8e2b2843e85db99b8e466fe66f44c29b25b9e2e2de1be4808b0006b5e789124dbdc319b99a3921983d912df01d12d100bb4371dd34b279e47762","href":"https://static.observableusercontent.com/files/cd174074de6c8e2b2843e85db99b8e466fe66f44c29b25b9e2e2de1be4808b0006b5e789124dbdc319b99a3921983d912df01d12d100bb4371dd34b279e47762","name":"Maine_Libraries_GeoLibrary.geojson","type":"application/geo+json","lastModified":1669847733519.547,"size":203414},{"id":"d6c5a88461166a88a7f83290471dc06800095bdd8bb7d1720ae145e930aba8ac3db086a905537c02aa0e5dfb836f0b0202c2a3f03d2b2f5cbdf334154d2601b8","href":"https://static.observableusercontent.com/files/d6c5a88461166a88a7f83290471dc06800095bdd8bb7d1720ae145e930aba8ac3db086a905537c02aa0e5dfb836f0b0202c2a3f03d2b2f5cbdf334154d2601b8","name":"Maine_Libraries_GeoLibrary.csv","type":"text/csv","lastModified":1669848197809,"size":69355},{"id":"d6c5a88461166a88a7f83290471dc06800095bdd8bb7d1720ae145e930aba8ac3db086a905537c02aa0e5dfb836f0b0202c2a3f03d2b2f5cbdf334154d2601b8","href":"https://static.observableusercontent.com/files/d6c5a88461166a88a7f83290471dc06800095bdd8bb7d1720ae145e930aba8ac3db086a905537c02aa0e5dfb836f0b0202c2a3f03d2b2f5cbdf334154d2601b8","name":"Maine_Libraries_GeoLibrary@1.csv","type":"text/csv","lastModified":1669848267562.485,"size":69355}] 2d:{"title":"Maplibre Points with mouseover","cells":[{"id":0,"value":"# Maplibre Points with mouseover","pinned":false,"hidden":false,"mode":"md"},{"id":237,"value":"updateLayer()","pinned":true,"hidden":false,"mode":"ojs"},{"id":203,"value":"mapLayers.onclick = updateLayer()","pinned":true,"hidden":false,"mode":"ojs"},{"id":208,"value":"function updateLayer() {\n if (mapLayers.includes(\"Schools\")){\n World.value.setLayoutProperty('schoolPoints', 'visibility', 'visible')\n }\n else{World.value.setLayoutProperty('schoolPoints', 'visibility', 'none')}\n \n if (mapLayers.includes(\"Libraries\")){\n World.value.setLayoutProperty('libraryPoints', 'visibility', 'visible')\n }\n else{World.value.setLayoutProperty('libraryPoints', 'visibility', 'none')}\n \n if (mapLayers.includes(\"Parks\")){\n World.value.setLayoutProperty('parkPoints', 'visibility', 'visible')\n }\n else{World.value.setLayoutProperty('parkPoints', 'visibility', 'none')}\n \n if (mapLayers.includes(\"Daycare\")){\n World.value.setLayoutProperty('childCarePoints', 'visibility', 'visible')\n }\n else{World.value.setLayoutProperty('childCarePoints', 'visibility', 'none')}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"viewof mapLayers = Inputs.checkbox([\"Schools\",\"Libraries\",\"Parks\",\"Daycare\"], {value: \"Schools\", label: \"Layers\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof basemap = Inputs.radio([\"voyager\", \"positron\", \"dark-matter\"], {value: 'positron', label: \"CARTO basemap\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"popup = new maplibregl.Popup({\ncloseButton: false,\ncloseOnClick: false\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"maplibregl = require(\"maplibre-gl@2.1.9\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"import {maineSchoolsGeoJson} from \"78dd77d553b6360d\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"maineSchoolsGeoJson","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"import {maineLibraryGeoJson} from \"ee6a237b1541fa46\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":160,"value":"maineGovernmentGeoJson = d3.json('https://api.maptiler.com/data/6fb74804-9038-4dda-84cf-b61cd80c393f/features.json?key=TDrOHrs2NCciGho9Tbk4')","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"parkGeojson = d3.json('https://api.maptiler.com/data/874c2842-4205-45d4-bf5c-27715979a278/features.json?key=TDrOHrs2NCciGho9Tbk4')","pinned":true,"hidden":false,"mode":"ojs"},{"id":173,"value":"childCareGeoJson = d3.json('https://api.maptiler.com/data/cbed102a-adb2-4e51-91e7-87c6a2d64eac/features.json?key=TDrOHrs2NCciGho9Tbk4')","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W30","stdlib":"1","titling":"auto"}