31:T6a6,viewof map = { let container = html`

`; // Give the container dimensions. yield container; // Create the "map" object with the mapboxgl.Map constructor, referencing // the container div mapboxgl.accessToken = "pk.eyJ1IjoiYWJlbnJvYiIsImEiOiJEYmh3WWNJIn0.fus8CLBKPBHDvSxiayhJyg"; const map = new mapboxgl.Map({ container, center: [5.7245, 45.1885], zoom: 15, minZoom: 9, style: "mapbox://styles/mapbox/dark-v10" }); map.on("load", async () => { map.addSource("lights", { type: "geojson", data: { type: "FeatureCollection", features: locations.map((d) => { return { type: "Feature", properties: d, geometry: { type: "Point", coordinates: [d.longitude, d.latitude] } }; }) } }); map.addLayer({ id: "lights", type: "circle", source: "lights", paint: { "circle-radius": ["interpolate", ["linear"], ["zoom"], 9, 2, 22, 10], "circle-color": typesStyle } }); // Change the cursor to a pointer when the mouse is over the poi layer map.on("mouseenter", "lights", () => { map.getCanvas().style.cursor = "pointer"; }); // Change it back to a pointer when it leaves. map.on("mouseleave", "lights", () => { map.getCanvas().style.cursor = ""; }); map.on("click", "lights", (e) => { const description = `${e.features[0].properties.title}
${e.features[0].properties.type}`; new mapboxgl.Popup().setLngLat(e.lngLat).setHTML(description).addTo(map); }); }); }32:[{"id":"8607e6ba1c8f20f7797cd12e2fee23dee3e5a394e055e241615cf3875ade5a85bc05fdf9bd923377ed113c0b13566923efad8afc3e48af6b913b5ead39c6c982","href":"https://static.observableusercontent.com/files/8607e6ba1c8f20f7797cd12e2fee23dee3e5a394e055e241615cf3875ade5a85bc05fdf9bd923377ed113c0b13566923efad8afc3e48af6b913b5ead39c6c982","name":"categories.json","type":"application/json","lastModified":1671541407611.205,"size":1019},{"id":"bcef9d398943901eefe0dab04096cf829ef0f959e944d8eb7205d231579509eaa799a2b2117f8ac16df11a66cc3c8f97b4149a47fe4aa3789f812e729752165b","href":"https://static.observableusercontent.com/files/bcef9d398943901eefe0dab04096cf829ef0f959e944d8eb7205d231579509eaa799a2b2117f8ac16df11a66cc3c8f97b4149a47fe4aa3789f812e729752165b","name":"profiles.json","type":"application/json","lastModified":1671541453131.253,"size":787},{"id":"2d2d6fd583bdabcd3f631b62267b615d470095eb45260be86c03e86c66c65106d42c8dc4d6fb05ba45345853465602b8fea4257559fd4c2a4314103fe12aa6db","href":"https://static.observableusercontent.com/files/2d2d6fd583bdabcd3f631b62267b615d470095eb45260be86c03e86c66c65106d42c8dc4d6fb05ba45345853465602b8fea4257559fd4c2a4314103fe12aa6db","name":"locations.json","type":"application/json","lastModified":1671541127077.245,"size":3416841}] 2f:{"title":"CooltoGo Data Explore","cells":[{"id":0,"value":"# CooltoGo Data Explore","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"locations = locations_tab","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"

${colorsmap.map((d) => htl.html`

${d[0].toUpperCase()}

`)}

","pinned":false,"hidden":false,"mode":"html"},{"id":68,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"locations_tab = (\n await FileAttachment(\"locations.json\").json()\n).data.features.map((d) => {\n const { address_2, ...rest } = d.properties;\n rest.adresse2 = rest.adresse2 || address_2;\n rest.images = rest.images.length ? rest.images[0] : null;\n rest.profiles = rest.profiles.map((p) => profiles[p].label);\n rest.categories = rest.categories.map((c) => categories[c].label);\n return { ...rest };\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"DOM.download(serialize(locations), \"c2g_locations\", \"Download CSV\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"typesStyle = {\n return [\"match\", [\"string\", [\"get\", \"type\"]], ...colorsmap.flat(), \"#AAAAAA\"];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":107,"value":"colorsmap = Array.from(new Set(locations_tab.map((d) => d.type))).map(\n (d, i) => [d, d3.schemeSet1[i]]\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"categories = (await FileAttachment(\"categories.json\").json()).reduce(\n (acc, cur) => {\n const { value, selected, ...rest } = cur;\n acc[value] = rest;\n return acc;\n },\n {}\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"profiles = (await FileAttachment(\"profiles.json\").json()).reduce((acc, cur) => {\n const { value, selected, ...rest } = cur;\n acc[value] = rest;\n return acc;\n}, {})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"plainjs = import(\"https://cdn.skypack.dev/@json2csv/plainjs@6.1.2?min\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"function serialize(data) {\n let parser = new plainjs.Parser();\n let csv = parser.parse(data);\n return new Blob([csv], { type: \"text/csv\" });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1.13.1\");\n const href = await require.resolve(\"mapbox-gl@1.13.1/dist/mapbox-gl.css\");\n document.head.appendChild(\n html``\n );\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}