3f:null 40:["$","title",null,{"children":"OZ Slippery Map | Mo El Geneidy | Observable"}] 46:T42e,map = { let container = DOM.element("div", { style: `width:${width}px;height:${width / 1.6}px` }); yield container; var maxBounds = [ [5.4995, -167.276413], // Southwest [83.162102, -52.23304] // Northeast ]; let map = L.map(container); let Stamen_Toner = L.tileLayer( "https://api.mapbox.com/styles/v1/geneidybc/cka2vx2nv010r1imt6g20g5uh/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiZ2VuZWlkeWJjIiwiYSI6ImNrMDVsZnViNDA2c2kzY28xOXNvcmtkeW4ifQ.EyQbLWJSFGDcIGhyYOA5uQ", { attribution: '© Mapbox © OpenStreetMap Improve this map', subdomains: "abcd", minZoom: 0, maxZoom: 20, ext: "png" } ).addTo(map); let propertyMarker = L.marker(latlng).addTo(map); let latLngs = [propertyMarker.getLatLng()]; let markerBounds = L.latLngBounds(latLngs); map.fitBounds(markerBounds); map.setZoom(15); }47:[] 44:{"id":"81a1f5d21aaec1e5","slug":"oz-slippery-map","title":"OZ Slippery Map","thumbnail":"3c3d951687f9b34fe909a1ba216bf484051ec8e205f2fc17893602b28d9c0c5e","access_level":"public","create_time":"$D2022-07-27T23:45:04.626Z","update_time":"$D2022-07-27T23:50:49.929Z","view_time":null,"first_public_time":"$D2022-07-27T23:51:19.484Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"21ad40b63dc7cde3","login":"bc","name":"Mo El Geneidy","avatar_url":"https://avatars-next.observableusercontent.com/664f3ea176a14258bfe84880ac2139da73df4a6a08f27bf280ec1bdcb7d610d5","tier":"starter_2024","bio":"","following":false},"version":1596,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"644fcf47c6af2067","login":"bc","name":"Mo El Geneidy","avatar_url":"https://avatars-next.observableusercontent.com/664f3ea176a14258bfe84880ac2139da73df4a6a08f27bf280ec1bdcb7d610d5","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"644fcf47c6af2067","login":"bc","name":"Mo El Geneidy","avatar_url":"https://avatars-next.observableusercontent.com/664f3ea176a14258bfe84880ac2139da73df4a6a08f27bf280ec1bdcb7d610d5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"1649ed72a97a62fe","slug":"util","title":"util","owner":{"id":"21ad40b63dc7cde3","login":"bc","name":"Mo El Geneidy"}},"type":"notebook","body":{"titling":"auto","title":"OZ Slippery Map","cells":[{"id":0,"value":"md`# OZ Slippery Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1385,"value":"html`

Show Zoom Control

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1356,"value":"html`\n

\n \n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1070,"value":"md`---\n\n## Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"md`### D3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"md`### Leaflet`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1360,"value":"md`### Html to image`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"html_to_image = require('https://bundle.run/html-to-image@0.1.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1392,"value":"md`### Delay`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1394,"value":"import { delay } from \"@mradamcox/resources\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"md`## Configuration`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"margin = ({ top: 40, right: 20, bottom: 20, left: 80 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"css = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1370,"value":"mapExportRelay = {\n document.getElementById(\"map-export-button\").onclick = function() {\n let fileName = document.getElementById('map-export-file-name').value;\n let fileExt = fileName.split('.').pop();\n if (fileExt != \"png\") {\n fileName = fileName + \".png\";\n }\n exportMap(fileName, map);\n };\n\n return \"ready\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"function exportMap(fileName, mapEl) {\n html_to_image\n .toPng(mapEl, {\n quality: 1,\n width: mapEl.clientWidth,\n height: mapEl.clientHeight\n })\n .then(function(dataUrl) {\n var link = document.createElement('a');\n link.download = fileName;\n link.href = dataUrl;\n link.click();\n });\n\n return fileName;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1390,"value":"hideControls = {\n await delay(1000);\n if (document.getElementById(\"show-zoom-and-layers\") == null) {\n return \"run this module before you try to hide controls\";\n }\n\n document.getElementById(\"show-zoom-and-layers\").onclick = function() {\n if (!this.checked) {\n Array.from(document.getElementsByClassName(\"leaflet-top\")).forEach(\n function(element, index) {\n element.style.display = \"none\";\n }\n );\n } else {\n Array.from(document.getElementsByClassName(\"leaflet-top\")).forEach(\n function(element, index) {\n element.style.display = \"block\";\n }\n );\n }\n };\n\n return \"ready\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"latlng = [38.5816, -121.4944]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"