27:null 28:["$","title",null,{"children":"Global Airports | Adam Roberts | Observable"}] 2d:T78c,viewof map = { let container = html`

`; // Give the container dimensions. yield container; // Create the "map" object with the maplibre.Map constructor, referencing // the container div const mapRef = (container.value = new maplibre.Map({ container, // center, zoom: 1, maplibreLogo: true, style: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", attributionControl: true })); await new Promise((resolve, reject) => { mapRef.on("load", async () => { mapRef.addSource("points", { type: "geojson", data: turf.featureCollection( airport_volume_airport_locations.map((d) => turf.point([d.Airport1Longitude, d.Airport1Latitude], d) ) ) }); mapRef.addLayer({ id: "points", type: "circle", source: "points", layout: {}, paint: { "circle-radius": { stops: [ [10, 2], [16, 4] ] }, "circle-color": "black" } }); resolve(); }); }); const popup = new maplibre.Popup({ closeButton: false, closeOnClick: false }); // Change the cursor to a pointer when the mouse is over the poi layer mapRef.on("mouseenter", "points", (e) => { mapRef.getCanvas().style.cursor = "pointer"; const p = e.features[0].properties; const description = `Orig: ${p.Orig}
Name: ${p.Name}
TotalSeats: ${p.TotalSeats}
Country: ${p["Country Name"]}`; popup.setLngLat(e.lngLat).setHTML(description).addTo(mapRef); }); // Change it back to a pointer when it leaves. mapRef.on("mouseleave", "points", () => { mapRef.getCanvas().style.cursor = ""; popup.remove(); }); invalidation.then(() => mapRef.remove()); yield container; }2e:[{"id":"bd3b8e29201bcdf406eca17e3d5abf4a98ac15328905a3c215d65a73bfce633888fab57793513ddd481dce787e20586f6eac365ce0bb74e777923f5d2f93e6d8","href":"https://static.observableusercontent.com/files/bd3b8e29201bcdf406eca17e3d5abf4a98ac15328905a3c215d65a73bfce633888fab57793513ddd481dce787e20586f6eac365ce0bb74e777923f5d2f93e6d8","name":"airport_volume_airport_locations.csv","type":"text/csv","lastModified":1714459276116.595,"size":141286}] 2b:{"id":"eb1125f85ddf40b7","slug":null,"title":"Global Airports","thumbnail":"8dc35bc01fa804fa69a9219b58bc29818a0c63ce5c8e586faf22c49bc2ea0fc5","access_level":"public","create_time":"$D2024-04-30T06:27:38.707Z","update_time":"$D2024-04-30T07:04:13.780Z","view_time":null,"first_public_time":"$D2024-04-30T07:04:45.047Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a6ec2755c98ab89f","login":"abenrob","name":"Adam Roberts","avatar_url":"https://avatars-next.observableusercontent.com/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1","tier":"starter_2024"},"version":37,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"59ca7144f8ccf1d1","login":"abenrob","name":"Adam Roberts","avatar_url":"https://avatars-next.observableusercontent.com/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1","tier":null}],"members":[{"type":"individual","id":"59ca7144f8ccf1d1","login":"abenrob","name":"Adam Roberts","avatar_url":"https://avatars-next.observableusercontent.com/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1","tier":null,"role":"editor"},{"type":"team","id":"a6ec2755c98ab89f","login":"abenrob","name":"Adam Roberts","avatar_url":"https://avatars-next.observableusercontent.com/35b4f71c800d4e6c9e2cfa93d55a4f89515f41428620d3050060df33504db2e1","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Global Airports","cells":[{"id":0,"value":"# Global Airports\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"Data source: https://datacatalog.worldbank.org/search/dataset/0038117/Global-Airports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"airport_volume_airport_locations = await FileAttachment(\"airport_volume_airport_locations.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"airport_volume_airport_locations","database":"$undefined"},{"id":17,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"maplibre = {\n const gl = await require(\"maplibre-gl@2.4.0\");\n const href = await require.resolve(\"maplibre-gl@2.4.0/dist/maplibre-gl.css\");\n document.head.appendChild(html``);\n return gl;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"