2b:null 2c:["$","title",null,{"children":"gdal2tiles demo | pbogden | Observable"}] 31:T801,map = { const container = html`

`; yield container; const oriental = [35.0310, -76.6930]; const charleston = [32.7765, -79.9311]; // Wikimedia var wikimedia = L.tileLayer('https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}@2x.png', {attribution: "Wikimedia maps | © OpenStreetMap contributors"}); // OpenStreetMap var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {attribution: '© OpenStreetMap contributors'}); // CartoDB Positron var cartodb = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {attribution: '© OpenStreetMap contributors, © CartoDB'}); // OSM Toner var toner = L.tileLayer('http://{s}.tile.stamen.com/toner/{z}/{x}/{y}.png', {attribution: 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under ODbL.'}); // White background var white = L.tileLayer("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEAAQMAAABmvDolAAAAA1BMVEX///+nxBvIAAAAH0lEQVQYGe3BAQ0AAADCIPunfg43YAAAAAAAAAAA5wIhAAAB9aK9BAAAAABJRU5ErkJggg=="); // Overlay layer (TMS) var layer = L.tileLayer('https://pbogden.com/mapping/tiles/{z}/{x}/{y}.png', {tms: true, opacity: 0.7, attribution: "My stuff"}); mutable layer = layer; var basemaps = {"Wikimedia": wikimedia, "OpenStreetMap": osm, "CartoDB Positron": cartodb, "Stamen Toner": toner, "rien": white}; var overlaymaps = {"Layer": layer}; var map = L.map(container, { center: charleston, zoom: 8, maxZoom: 12, layers: [wikimedia, layer] }); L.control.layers(basemaps, overlaymaps).addTo(map); }32:[] 2f:{"id":"f077340553fcbc28","slug":"gdal2tiles-demo","title":"gdal2tiles demo","thumbnail":"759ece2d6298b863f03875ecf9882786e6e02d98fb3a08bca097fd5885d0b84b","access_level":"public","create_time":"$D2019-09-19T00:15:30.645Z","update_time":"$D2019-09-21T08:51:30.169Z","view_time":null,"first_public_time":"$D2019-09-19T09:38:40.369Z","fork":{"id":"a6aa76f9f2ee063f","slug":"mapzen-dem","title":"Mapzen DEM","owner":{"id":"f49bbe5451a36df9","login":"pbogden","name":"pbogden"}},"stars":0,"starred":false,"owner":{"type":"team","id":"f49bbe5451a36df9","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":"starter_2024"},"version":638,"publish_version":638,"role":null,"authored":false,"authors":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null}],"members":[{"type":"individual","id":"e151b61ef71fc904","login":"pbogden","name":"pbogden","avatar_url":"https://avatars-next.observableusercontent.com/7691d2facf985b942cdf89fa28273672d4b7fb060b62cab329e61adce36a44b2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"gdal2tiles demo","cells":[{"id":0,"value":"md`# gdal2tiles demo\n\nUnfortunately, gdal2tiles.py produces tiles with the not-very-popular TMS standard. \nBut gdal2tiles.py is cool.\n\nLeaflet has a quick fix (see below). \n\n* [Leaflet layer controls](https://leafletjs.com/examples/layers-control/) -- leaflet docs\n* [Leaflet discussion of the TMS issue](https://leafletjs.com/examples/wms/wms.html) -- leaflet docs\n* [TMS](https://wiki.openstreetmap.org/wiki/TMS) -- OSM wiki\n* [Opinionated description of the issue](https://gist.github.com/tmcw/4954720) -- tmcw\n* [Convert TMS to Google tile convention](https://github.com/postmates/gdal/blob/master/scripts/gdal2tiles.py#L290) -- github`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":46,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":556,"value":"height = Math.floor(width / 2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":606,"value":"mutable layer = 42","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":610,"value":"layer._tiles","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":615,"value":"// Convert to TMS\nObject.entries(layer._tiles).map(d => d[1].coords)\n .map(d => d.x + ', ' + d.y + ', ' + d.z + \": \" + ((1<`);\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"