30:[{"id":"e1c994da3b029ddfad024963c2f779427d7bd00fcb3d0da46a4acaac17075ee4a872833490f02c5b37de037e25415315c981ddeecca992f0c6e26d23424551be","href":"https://static.observableusercontent.com/files/e1c994da3b029ddfad024963c2f779427d7bd00fcb3d0da46a4acaac17075ee4a872833490f02c5b37de037e25415315c981ddeecca992f0c6e26d23424551be","name":"geojson@1.json","type":"application/json","lastModified":1689082050988.635,"size":4403668}] 2e:{"title":"Forward sortation areas (Postal codes)","cells":[{"id":0,"value":"# Forward sortation areas (Postal codes)","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"[Census Forward Sortation Area Boundary File](https://www150.statcan.gc.ca/n1/en/catalogue/92-179-X), Census year 2021, released on September 21, 2022.\n\nSimplified with [mapshaper](https://mapshaper.org/) (1%).","pinned":false,"hidden":false,"mode":"md"},{"id":165,"value":"## Polygons","pinned":false,"hidden":false,"mode":"md"},{"id":146,"value":"geojsonFSA = {\n const geo = structuredClone(geojson);\n\n for (const feature of geo.features) {\n feature.properties = {\n fsa: feature.properties.CFSAUID,\n prov: provincesAndTerritories.find(\n (d) => d.code === feature.properties.PRUID\n )\n };\n }\n\n return geo;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"{\n const container = yield htl.html`

`;\n const map = L.map(container);\n const layer = L.geoJSON(geojsonFSA, {\n style: {\n weight: 1,\n opacity: 1,\n color: \"white\",\n fillOpacity: 0.3,\n fillColor: \"purple\"\n },\n onEachFeature: addPopup\n }).addTo(map);\n map.setView([65, -100], 3);\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"topojsonFSA = topojsonServer.topology({ fsa: geojsonFSA }, topojsonQuantization)","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"{\n const container = yield htl.html`

`;\n const map = L.map(container);\n const layer = L.geoJSON(topojsonClient.feature(topojsonFSA, \"fsa\"), {\n style: {\n weight: 1,\n opacity: 1,\n color: \"white\",\n fillOpacity: 0.3,\n fillColor: \"purple\"\n },\n onEachFeature: addPopup\n }).addTo(map);\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n map.setView([45.5, -73.7], 10);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"## Centroids","pinned":false,"hidden":false,"mode":"md"},{"id":178,"value":"geojsonFSACentroids = {\n const geo = structuredClone(geojsonFSA);\n\n for (let i = 0; i < geo.features.length; i++) {\n const feature = geo.features[i];\n const properties = feature.properties;\n geo.features[i] = turf.centroid(geo.features[i]);\n geo.features[i].properties = properties;\n }\n\n return geo;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"topojsonFSACentroids = topojsonServer.topology(\n { fsa: geojsonFSACentroids },\n topojsonQuantization\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"{\n const container = yield htl.html`

`;\n const map = L.map(container);\n const layer = L.geoJSON(geojsonFSACentroids, {\n onEachFeature: addPopup\n }).addTo(map);\n map.fitBounds(layer.getBounds(), { maxZoom: 9 });\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":305,"value":"topojsonQuantization = 15000","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"geojson = FileAttachment(\"geojson@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"import { provincesAndTerritories } from \"@nshiab/provinces-and-territories\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"turf = require(\"@turf/turf@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"topojsonServer = require(\"topojson-server\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"topojsonClient = require(\"topojson-client\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"function addPopup(feature, layer) {\n layer.bindPopup(\n `

${feature.properties.fsa}

${feature.properties.prov.full.en}

`\n );\n layer.on(\"mouseover\", function (e) {\n this.openPopup(e.latlng);\n });\n layer.on(\"mouseout\", function (e) {\n this.closePopup();\n });\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}