2e:null 2f:["$","title",null,{"children":"Mapa - Iran Topographic | Michael Bricknell | Observable"}] 34:T549,strait = ({ type: "FeatureCollection", features: [ { type: "Feature", geometry: { type: "Polygon", coordinates: [ [ [56.657782604073674, 26.49490872421463], [56.58001113708554, 26.611565924696823], [56.45349558163302, 26.6099228655351], [56.35381665915527, 26.580895487011365], [56.373533369095924, 26.534889830483174], [56.473212291573674, 26.578157055075163], [56.558103681595924, 26.57760936868792], [56.62382604806477, 26.48012119175914], [56.657782604073674, 26.49490872421463] ] ] }, properties: { id: 1 } }, { type: "Feature", geometry: { type: "Polygon", coordinates: [ [ [56.69064378730809, 26.51407774776804], [56.60137090618792, 26.643879421544003], [56.45842475911818, 26.643879421544003], [56.33957681308702, 26.614852043020264], [56.38503478322797, 26.504219392797715], [56.481975273769514, 26.54365281267902], [56.53838697165527, 26.54420049906626], [56.59644172870275, 26.46588134569089], [56.69064378730809, 26.51407774776804] ] ] }, properties: { id: 2 } } ] })35:T1503,mapa = new Mapa({ graphic: { //clipFeature: countries.find((d) => d.properties.NAME == "Iran"), gradient: [ { fill: "url(#v-50-b)", blendMode: "multiply", opacity: 0.6, clipFeature: countries.find((d) => d.properties.NAME == "Iran") }, // added first { fill: "url(#v-fade-w)", blendMode: "overlay", opacity: 1, clipFeature: countries.find((d) => d.properties.NAME == "Iran") }, { fill: "url(#v-75-b)", blendMode: "overlay", opacity: 1 } ] }, width: 1152, simplify: 0.03, height: 800, basemap: { coastline: { show: false }, land: { show: false }, border: { show: false }, ocean: { show: false }, lake: { show: false } }, bounds: { bounder: true, countries: null, feature: { type: "Feature", geometry: { type: "Polygon", coordinates: [ [ [43.87858796578553, 39.58506176960433], [63.33968455168485, 39.58506176960433], [63.33968455168485, 24.839691188461586], [43.87858796578553, 24.839691188461586], [43.87858796578553, 39.58506176960433] ] ] } } }, projection: { proj: "+proj=merc +lon_0=0 +k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs", type: "proj4", fit: "none" }, layer: { polys: { show: true, data: [ { geometry: countries, style: { fill: (d) => ["IR"].includes(d.properties.ISO_A2) ? "none" : colors.land, "fill-opacity": (d) => ["IR"].includes(d.properties.ISO_A2) ? "0" : "1" } }, /* { geometry: urban, style: { fill: "#555152", "fill-opacity": "0" } },*/ { geometry: rivers, style: { fill: "none", stroke: colors.water, "stroke-width": 1.25 } }, { geometry: lakes, style: { fill: colors.water, stroke: colors.water, "fill-opacity": 0.9 } }, { geometry: oceans, style: { fill: colors.water, stroke: colors.water, "fill-opacity": 0.9 } }, { geometry: innerlines, style: { fill: "none", "stroke-opacity": "0.7", stroke: "#67765b", "stroke-width": 4, "stroke-linecap": "round" } }, { geometry: innerlines, style: { fill: "none", "stroke-opacity": "1", stroke: colors.border, "stroke-width": 3, "stroke-linecap": "round" } }, { simplify: false, geometry: myCustomItalicsLabels.features, style: { fill: "#dfa837", "fill-opacity": 0.8 } }, { simplify: false, geometry: myCustomTopographicLabels.features, style: { fill: "cornsilk", "fill-opacity": 1 } }, { geometry: geojsonrewind(strait, true).features, style: { stroke: colors.highlight, fill: (d) => (d.properties.id == 1 ? "red" : "none") } } /*{ geometry: [customLabels[1].path], style: { stroke: "red", "stroke-width": 2 } }*/ ] }, raster: { show: true, data: [ { show: true, id: "satellite", image: render, format: "image/webp", quality: 0.1, worldfile: { xPixelSize: 0.00700401309819413, yRotation: 0, xRotation: 0, yPixelSize: -0.00700401309819413, xUpperLeft: 38.07343240545542074, yUpperLeft: 39.94233132645090478 }, opacity: 1 } /* { show: true, id: "satellite", image: render, //{ src: render, width: 4129, height: 3113 }, worldfile: { xPixelSize: 653.92577491166093751, yRotation: 0, xRotation: 0, yPixelSize: -653.92577491166093751, xUpperLeft: 4636233.75968233123421669, yUpperLeft: 4890419.85491254460066557 }, opacity: 0.9 }*/ ] }, points: { show: true, data: [].concat(cities) }, tiles: { show: false, data: [ { show: true, id: "custom-tiles-master-hs-globe_gen", //custom-tiles-master-hs-foldername type: "custom-tiles-master-hs-globe_gen", //custom-tiles-master-hs-foldername delta: 5 } ] }, grids: { show: false } }, clipping: { clip: true, margin: 50 }, scalebar: { show: true, anchor: "bottom-left", offset: [25, 50], topValue: 175, topUnit: "km", bottomValue: 175, bottomUnit: "mi", style: { stroke: "white", fill: "white" } }, overlay: { show: false, items: [ { id: "color-ramp", show: true, src: colorRampVertical, anchor: "top-right", offset: [10, 10] } ] } })36:Ta45,poi = [ { name: " ", latlng: "35.21,52.37", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.ir), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "33,44.65", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.iq), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "29.37,47.25", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.kw), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "27.48,46.76", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.sa), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "26.75,50.29", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.bh), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "25.70,50.85", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.qa), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "38.01,42.88", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.tr), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "38.57,57.79", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.tm), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "33.14,61.76", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.af), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 }, { name: " ", latlng: "27.99,63.73", type: "custom", dir: "E", customSymbol: await flagSvg(flagLink.pk), symbolWidth: 20 * scale, symbolHeight: 20 * scale, rotate: 15, skewX: 10 } /* 56.26, 26.16 //OMAN [55.47, 25.23] //UAE [45.41, 39.31]//Azerbaijain [46.16, 39.35]//Armenia [47.37, 39.80]//Azerbaijan */ /* { latlng: "35.63,51.48", customSymbol: symbolGrid(personSymbol, { count: 10, perLine: 5, symbolWidth: 15, symbolHeight: 15, fillColor: "green", strokeColor: "black" }), symbolHeight: 40, dir: "NE", type: "custom" }*/ ]37:T6ea,customTopographicLabels = [ { text: "Khuzestan\n Plain", lng: 48.31, lat: 31.02, scale: 27, letterSpacing: 200 }, { text: "Great Salt Desert", lng: 53.92, lat: 34.46, scale: 27, letterSpacing: 200 }, { text: " Lut \n Desert", lng: 57.83, lat: 30.62, scale: 27, letterSpacing: 200 }, { text: "Jazmurian \n Basin", lng: 58.35, lat: 27.52, scale: 27, letterSpacing: 200 }, { text: "ALBORZ MOUNTAINS", path: turf.bezierSpline( turf.lineString([ [49.97, 36.71], [50.83, 36.36], [51.48, 36.11], [52.19, 35.92], [52.87, 35.91], [54.04, 36.2], [54.93, 36.61] ]), { resolution: 2000, sharpness: 0.75 } ), // Array of [lng, lat] scale: 30, letterSpacing: 500 }, { text: "KÖPET DAG RANGE", //path, path: turf.bezierSpline( turf.lineString([ [56.51, 37.99], [57.49, 37.74], [58.93, 37.24], [59.72, 36.84] ]), { resolution: 2000, sharpness: 0.75 } ), // Array of [lng, lat] scale: 25, letterSpacing: 475 }, { text: "CENTRAL IRANIAN RANGE", path: turf.bezierSpline( turf.lineString([ [46.96, 36.91], [48.98, 35.35] ]), { resolution: 2000, sharpness: 0.75 } ), // Array of [lng, lat] scale: 35, letterSpacing: 1200 }, { text: "ZAGROS MOUNTAINS", path: turf.bezierSpline( turf.lineString([ [46.92, 35.4], [48.85, 33.84], [50.22, 32.31], [53.18, 30.36] ]), { resolution: 2000, sharpness: 0.75 } ), // Array of [lng, lat] scale: 35, letterSpacing: 1450 } ].concat(poiUpdate)38:T47b,viewof colorRamp = { const width = 600; const height = 40; const marginLeft = 10; const marginRight = 25; const svg = d3 .create("svg") .attr("width", width + marginLeft + marginRight) .attr("height", height + 40); const minElev = min < 0 ? d3.min(filteredBathyDomain) : 0; const maxElev = d3.max(filteredLandDomain); const xScale = d3.scaleLinear().domain([minElev, maxElev]).range([0, width]); // Draw discrete bands for each color const allBreaks = [ minElev, ...tickValues.filter((v) => v > minElev && v < maxElev), maxElev ]; allBreaks.forEach((breakPoint, i) => { if (i < allBreaks.length - 1) { const color = breakPoint < 0 ? bathyScale(breakPoint) : landScale(breakPoint); svg .append("rect") .attr("x", marginLeft + xScale(breakPoint)) .attr("width", xScale(allBreaks[i + 1]) - xScale(breakPoint)) .attr("height", height) .attr("fill", color); } }); svg .append("g") .attr("transform", `translate(${marginLeft},${height})`) .call(d3.axisBottom(xScale).tickValues(tickValues)); return svg.node(); }39:T585,colorRampVertical = { const width = 20; const height = 400; const marginTop = 10; const marginBottom = 10; const marginLeft = 10; const svg = d3 .create("svg") .attr("width", width + 60 + marginLeft) .attr("height", height + marginTop + marginBottom); svg .append("rect") .attr("width", width + 60 + marginLeft) .attr("height", height + marginTop + marginBottom) .attr("fill", "white"); const minElev = min < 0 ? d3.min(filteredBathyDomain) : 0; const maxElev = d3.max(filteredLandDomain); const yScale = d3.scaleLinear().domain([minElev, maxElev]).range([height, 0]); const allBreaks = [ minElev, ...tickValues.filter((v) => v > minElev && v < maxElev), maxElev ]; allBreaks.forEach((breakPoint, i) => { if (i < allBreaks.length - 1) { const color = breakPoint < 0 ? bathyScale(breakPoint) : landScale(breakPoint); svg .append("rect") .attr("x", marginLeft) .attr("y", marginTop + yScale(allBreaks[i + 1])) .attr("width", width) .attr("height", yScale(breakPoint) - yScale(allBreaks[i + 1])) .attr("fill", color); } }); svg .append("g") .attr("transform", `translate(${width + marginLeft}, ${marginTop})`) .call( d3 .axisRight(yScale) .tickValues(tickValues.filter((v) => v >= minElev && v <= maxElev)) ); return svg.node(); }3a:T433,colorRampText = { const ramp = ["nv 0 0 0 0"]; // Bathymetry breaks if (min < 0) { filteredBathyDomain.forEach((elev, i) => { const color = d3.rgb(filteredBathyColors[i]); ramp.push( `${Math.round(elev)} ${Math.round(color.r)} ${Math.round( color.g )} ${Math.round(color.b)} 255` ); }); // Last bathy color at 0 const lastBathyColor = d3.rgb( filteredBathyColors[filteredBathyColors.length - 1] ); ramp.push( `0 ${Math.round(lastBathyColor.r)} ${Math.round( lastBathyColor.g )} ${Math.round(lastBathyColor.b)} 255` ); } // Land starts at 0.5m (or 1m) ramp.push( `0.5 ${d3.rgb(landColors[0]).r} ${d3.rgb(landColors[0]).g} ${ d3.rgb(landColors[0]).b } 255` ); // Land breaks filteredLandDomain.forEach((elev, i) => { const color = d3.rgb(filteredLandColors[i + 1]); ramp.push( `${Math.round(elev)} ${Math.round(color.r)} ${Math.round( color.g )} ${Math.round(color.b)} 255` ); }); return ramp.join("\n"); }3b:Ta25,terrainSettings = ({ width: 1152, height: null, bounds: { bounder: false, countries: null, feature: { type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [ [ [0, -90], [0, 90], [180, 90], [180, -90], [0, -90] ] ] } } }, clipping: { clip: false, margin: 0 }, projection: { type: "default", proj: d3.geoMiller(), fit: "size", translate: false, // [this.width / 2, this.height / 2] scale: false, // 5000 center: false, // [] rotate: false, // [0,0,0] tilt: false, // distance: false, clipExtent: false, clipAngle: false, precision: false }, rotation: { value: [0, 0, 0], rotate: false }, basemap: { coastline: { show: false, style: { fill: "none", stroke: "#dddddd", opacity: 1 } }, background: { show: false, style: { fill: "f2f2f2", stroke: "none", opacity: 1 } }, land: { show: true, geometry: null, key: "GID_0", label: "NAME_0", style: { fill: "#fffff9", stroke: "none", opacity: 0.5 } }, border: { show: true, geometry: null, style: { fill: "none", stroke: "red ", opacity: 1 } }, ocean: { show: false, geometry: null, style: { fill: "#f2f2f2", stroke: "none", opacity: 1 } }, lake: { show: false, geometry: null, style: { fill: "#f2f2f2", stroke: "none", opacity: 1, "stroke-width": 1 } }, river: { show: false, geometry: null, style: { fill: "none", stroke: "blue", opacity: 1 } }, graticule: { show: false } }, graticule: { step: null, //10 show: false, custom: { show: false, latitude: { min: null, max: null }, longitude: { min: null, max: null }, style: { stroke: "red", "stroke-width": 1, opacity: 1, "stroke-dasharray": "none" } } }, layer: { points: { show: false, data: null }, //[{}]}, points polys: { show: false, data: null }, //polygons polylines tiles: { show: false, data: null }, //[{id: type: delta:}] }, grids: { show: false, data: null } }, scalebar: { show: false, topValue: 200, topUnit: "km", bottomValue: 200, bottomUnit: "mi", position: [120, 50] }, label: { show: false, country: null, //[] list of names style: null // {} } })3c:Ta4a,defaultSettings = ({ width: 1152, height: null, bounds: { bounder: false, countries: null, feature: { type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [ [ [0, -90], [0, 90], [180, 90], [180, -90], [0, -90] ] ] } } }, clipping: { clip: false, margin: 0 }, projection: { type: "default", proj: d3.geoMiller(), fit: "size", translate: false, // [this.width / 2, this.height / 2] scale: false, // 5000 center: false, // [] rotate: false, // [0,0,0] tilt: false, // distance: false, clipExtent: false, clipAngle: false, precision: false }, rotation: { value: [0, 0, 0], rotate: false }, basemap: { raster: { show: false }, coastline: { show: true, style: { fill: "none", stroke: "#dddddd", opacity: 1 } }, background: { show: true, style: { fill: "#f2f2f2", stroke: "none", opacity: 1 } }, land: { show: true, geometry: null, key: "GID_0", label: "NAME_0", style: { fill: "#fffff9", stroke: "none", opacity: 1 } }, border: { show: true, geometry: null, style: { fill: "none", stroke: "#dedede ", opacity: 1 } }, ocean: { show: true, geometry: null, style: { fill: "#f2f2f2", stroke: "none", opacity: 1 } }, lake: { show: true, geometry: null, style: { fill: "#f2f2f2", stroke: "none", opacity: 1, "stroke-width": 1 } }, river: { show: true, geometry: null, style: { fill: "none", stroke: "blue", opacity: 1 } }, graticule: { show: false } }, graticule: { step: null, //10 show: false, custom: { show: false, latitude: { min: null, max: null }, longitude: { min: null, max: null }, style: { stroke: "red", "stroke-width": 1, opacity: 1, "stroke-dasharray": "none" } } }, layer: { points: { show: false, data: null }, //[{}]}, points polys: { show: false, data: null }, //polygons polylines tiles: { show: false, data: null }, //[{id: type: delta:}] }, grids: { show: false, data: null } }, scalebar: { show: false, topValue: 200, topUnit: "km", bottomValue: 200, bottomUnit: "mi", position: [120, 50] }, label: { show: false, country: null, //[] list of names style: null // {} } })3d:[{"id":"63256425e06a807b9baf73705569195fb57f099cd02e17295df3fa0b0fe04eebd7cb23703640d936ff1283a48b466c668615fa4faea9795cebffbcd229c5d3ea","href":"https://static.observableusercontent.com/files/63256425e06a807b9baf73705569195fb57f099cd02e17295df3fa0b0fe04eebd7cb23703640d936ff1283a48b466c668615fa4faea9795cebffbcd229c5d3ea","name":"tile4326.geojson","type":"application/geo+json","lastModified":1771163711497.71,"size":498},{"id":"28924a8767ea698fae47cf24599a1acb81635a0f1d7557f6205fe28e92796c30752568cb49c5aeb08e0587565bdae2f80cb05e867668da2474585e41e560a763","href":"https://static.observableusercontent.com/files/28924a8767ea698fae47cf24599a1acb81635a0f1d7557f6205fe28e92796c30752568cb49c5aeb08e0587565bdae2f80cb05e867668da2474585e41e560a763","name":"material5@2.png","type":"image/png","lastModified":1771469262078.53,"size":34224483},{"id":"855fb26f2de1f4dd281ace035d9757429cc90d03e482fd258dd6cccf4a5af400a9e0df06538b5f85684105e1a9d7b241d60a32bf5673b05eedd4822d888c315e","href":"https://static.observableusercontent.com/files/855fb26f2de1f4dd281ace035d9757429cc90d03e482fd258dd6cccf4a5af400a9e0df06538b5f85684105e1a9d7b241d60a32bf5673b05eedd4822d888c315e","name":"material5@3.png","type":"image/png","lastModified":1771684872667.722,"size":18752944},{"id":"07a9672297f72ee1498f490220a4931c003216cae4a9d29afad79ac97200928a90b11fae505a7c2f859c5b80f9d76062f2766e85a3612d78d9fb7c505ec49628","href":"https://static.observableusercontent.com/files/07a9672297f72ee1498f490220a4931c003216cae4a9d29afad79ac97200928a90b11fae505a7c2f859c5b80f9d76062f2766e85a3612d78d9fb7c505ec49628","name":"material5.avif","type":"video/mp4","lastModified":1772846698700.031,"size":419651},{"id":"669ed71db5e3082d186a33d0b56528e34ce8efc4c9653124b1395871fe085d0f008d4a8cf40b60098ca0c043c434b1ac30427e96cdda40df8a6bd7a2eda3f261","href":"https://static.observableusercontent.com/files/669ed71db5e3082d186a33d0b56528e34ce8efc4c9653124b1395871fe085d0f008d4a8cf40b60098ca0c043c434b1ac30427e96cdda40df8a6bd7a2eda3f261","name":"iran-render.png","type":"image/png","lastModified":1772973629669.341,"size":3594933},{"id":"e18451731d9ec39456aedc8de3b55b6a417d2562e17bd3970fc8cc0e0a6d1011d9c3803eeee2fdd9386da4da6584c5d57493a49e3262c53902f1c271296829b0","href":"https://static.observableusercontent.com/files/e18451731d9ec39456aedc8de3b55b6a417d2562e17bd3970fc8cc0e0a6d1011d9c3803eeee2fdd9386da4da6584c5d57493a49e3262c53902f1c271296829b0","name":"iran-render.svg","type":"image/svg+xml","lastModified":1772973697677.642,"size":5360567},{"id":"b6f235584b91435cc50dfc68bb17d407cb3ef278224c3cc60b2bc3e887251e152fd8bc8ee48643414a3175ee9e986cb9ec65d566ada8e0cd3392ae4b8d87a928","href":"https://static.observableusercontent.com/files/b6f235584b91435cc50dfc68bb17d407cb3ef278224c3cc60b2bc3e887251e152fd8bc8ee48643414a3175ee9e986cb9ec65d566ada8e0cd3392ae4b8d87a928","name":"iran-render@1.png","type":"image/png","lastModified":1774108817133.384,"size":3600403},{"id":"d48055cf2e3efae4e92a399160bba0b4a95a0ff35852d52b6dcfcee27f04d01be7903ccb4e25c0272d87e5c0e6d571c2bdffd92f5e40d6a897c7caffa4dc9afb","href":"https://static.observableusercontent.com/files/d48055cf2e3efae4e92a399160bba0b4a95a0ff35852d52b6dcfcee27f04d01be7903ccb4e25c0272d87e5c0e6d571c2bdffd92f5e40d6a897c7caffa4dc9afb","name":"dark.png","type":"image/png","lastModified":1775601315205.075,"size":28301605},{"id":"28e10858bca41ec2b65a4e6afc080777a073982154e80efbef9dc1183ecd640f5776c89372a42f71aeacff239d463429cde1ad5c548c04861f8c47f7bd8038fe","href":"https://static.observableusercontent.com/files/28e10858bca41ec2b65a4e6afc080777a073982154e80efbef9dc1183ecd640f5776c89372a42f71aeacff239d463429cde1ad5c548c04861f8c47f7bd8038fe","name":"export.geojson","type":"application/geo+json","lastModified":1775560984725.121,"size":513222}] 32:{"id":"56e1a474c826a2c3","slug":"iran","title":"Mapa - Iran Topographic","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2026-02-15T13:55:11.497Z","update_time":"$D2026-05-08T10:12:09.689Z","view_time":null,"first_public_time":"$D2026-02-15T13:55:11.497Z","has_unpublished_edits":null,"fork":{"id":"2089990ee7911b09","slug":"mapa-world-file-support","title":"Mapa world file support","owner":{"id":"aa36944c9e64c088","login":"mbrickmaps","name":"Michael Bricknell"}},"stars":0,"starred":false,"owner":{"type":"team","id":"aa36944c9e64c088","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/2f0578a8eeb34ee1c8a3bd6be41477c4bc13989c0c53551154178a64c9f2945f","tier":"pro_2024"},"version":1580,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null}],"members":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null,"role":"editor"},{"type":"team","id":"aa36944c9e64c088","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/2f0578a8eeb34ee1c8a3bd6be41477c4bc13989c0c53551154178a64c9f2945f","tier":"pro_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Mapa - Iran Topographic","cells":[{"id":0,"value":"# Mapa - Iran Topographic","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1296,"value":"iran = FileAttachment(\"iran-render@1.png\").image({ width: Math.min(width, 960) })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":774,"value":"iranStatic = mapa.render","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1411,"value":"colors = ({\n water: \"#000\",\n land: \"#252024\",\n border: \"#3f3033\",\n primary: \"#252024\",\n highlight: \"#b63e36\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1341,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1355,"value":"geojsonrewind(strait, true)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"image = FileAttachment(\"material5.avif\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":847,"value":"import { symbolGrid } from \"@mbrickmaps/make-a-grid\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1397,"value":"queryShape = countries.find((d) => d.properties.NAME === \"Iran\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"bySource = d3.rollup(\n pp.features.filter((f) => turf.booleanPointInPolygon(f, queryShape)).flatMap((f) =>\n normalize(f.properties[\"plant:source\"]).map((src) => ({ src, f }))\n ),\n (v) => v.map((d) => d.f),\n (d) => d.src\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1388,"value":"normalize = (s) => {\n if (!s) return [\"unknown\"];\n return s.split(\";\").map((v) => {\n v = v.trim();\n if ([\"natural_gas\", \"gas\", \"biogas\", \"diesel\", \"oil\"].includes(v))\n return \"fossil\";\n return v;\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1383,"value":"sourceColors = ({\n nuclear: \"red\",\n solar: \"yellow\",\n wind: \"lightblue\",\n hydro: \"blue\",\n fossil: \"gray\",\n coal: \"black\",\n geothermal: \"orange\",\n waste: \"brown\",\n wave: \"teal\",\n unknown: \"white\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1384,"value":"pp = FileAttachment(\"export.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1380,"value":"ppPoints = [...bySource.entries()].flatMap(([source, features]) =>\n features.map((f) => ({\n name: \" \",\n latlng: `${f.geometry.coordinates[1]}, ${f.geometry.coordinates[0]}`,\n shape: \"square\",\n type: source,\n size: \"64\",\n color: sourceColors[source] ?? \"white\"\n }))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1545,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1429,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1472,"value":"d3.select(\"#gradient rect\").attr(\"class\", \"grad-ur-w\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1568,"value":"cap = ({\n size: 64 * scale,\n fontSize: 17 * scale + \"px\",\n label: { haloColor: \"black\", labelColor: \"white\" }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1575,"value":"cityCap = ({ label: { haloColor: \"black\", labelColor: \"white\" } })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":893,"value":"cities = [].concat(\n getCapitol(\"IR\", { ...cap, Tehran: `S-${6 * scale}` }),\n getCities(\"IR\", 10, {\n ...cityCap,\n Karaj: \"W\",\n Shahrekord: \"SE\",\n Mashhad: \"S\",\n Isfahan: \"NW\",\n Yasuj: \"SE\",\n Kermanshah: \"E\",\n Ahvaz: \"N\"\n }),\n getCapitol(\"IQ\", { ...cap, Baghdad: \"N\" }),\n getCapitol(\"QA\", cap),\n getCapitol(\"TM\", cap),\n getCapitol(\"BH\", { ...cap, Manama: \"E\" }),\n getCapitol(\"AE\", cap),\n getCapitol(\"AF\", cap),\n getCapitol(\"KW\", { ...cap, \"Kuwait City\": \"N\" }),\n {\n name: \" \",\n latlng: \"29.2323343,50.3152049\",\n shape: \"circle\",\n size: 8,\n color: \"none\",\n stroke: \"red\",\n class: \"glow\",\n \"stroke-width\": 1\n }\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1264,"value":"scale = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1303,"value":"poiUpdate = [\n {\n text: \"Kharg Is.\\n\",\n lat: 29.4323343,\n lng: 50.3152049,\n scale: 40,\n align: \"right\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":709,"value":"customItalicLabels = [\n {\n text: \"Caspian\\n Sea\",\n lng: 50.06,\n lat: 38.45,\n scale: 50,\n letterSpacing: 200\n },\n {\n text: \"Persian Gulf\",\n path: turf.bezierSpline(\n turf.lineString([\n [49.37, 28.95],\n [50.33, 27.94],\n [51.54, 26.86],\n [53.23, 25.79]\n ]),\n { resolution: 2000, sharpness: 0.75 }\n ), // Array of [lng, lat]\n scale: 60,\n letterSpacing: 450\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import {\n Mapa,\n d3_min as d3,\n getCities,\n getCapitol,\n getOSM,\n isoQ,\n geojsonrewind,\n turf\n} from \"@mbrickmaps/mapas\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1369,"value":"Promise.all(\n [\"@turf/bbox\", \"@turf/bezier-spline\", \"@turf/helpers\"].map((pkg) =>\n fetch(`https://cdn.jsdelivr.net/npm/${pkg}`)\n .then((r) => r.blob())\n .then((b) => ({ pkg, kb: (b.size / 1024).toFixed(1) }))\n )\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"import {\n r,\n rivers,\n lakes,\n oceans,\n countries,\n coastlines,\n urban,\n innerlines,\n pr\n} from \"@mbrickmaps/ne-10m\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"I don't want to assume, that every one knows about a world file. The magical 6 lined text file. Which can turn any raster into a \"georeferenced\" (affine transformation) raster. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":44,"value":"```\n18.6027466506023984\n0\n0\n-18.6027466506023984\n1378321.79537332523614168\n5971981.13773163873702288\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"The image below was created in Blender, which strips out all metadata pertaining to it's real world coordinates. Here are all the files I create for a project.\n\n- aspect.tif (gdal)\n- austria.blend (blender)\n- austria.blend1 (blender backup)\n- dem.tif (digital elevation modal, real world measurements encoded into each pixel 1px = 30m)\n- dem.tif.aux.xml (gdalinfo -stats min,max,std)\n- dem_scaled.tif (gdal, rescaled dem to UInt 16, (Unsigned Integer, 16-bit) shifts (min,max) to (0-65535))\n- material.png (manipulated multilayered raster)\n- multidirectional.png (gdal)\n- multidirectional.tif\n- normal_map.tif (python aspect/slope)\n- render.png (blender output) **<-- no world file**\n- sat.pgw **<-- world file**\n- sat.png (MapTiler)\n- slope.tif (gdal)\n- tex.pgw **<-- world file**\n- tex.png (eduard) \n- tex.prj (Well Known Text (WKT) CRS (Coordinate Reference System))\n- tile_index.geojson (tindex mercator, meters)\n- tile4326.geojson (tindex wgs84, degrees)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":298,"value":"Notice I have two world files, looking at the sat.pgw (PNG world file). Notice that the world file can be written in the following ways: \n- just add a w (.jpgw)\n- .wld\n- (gif *.gfw*, jpg *.jgw*, jpg2000 *.j2w*, png *.pgw*, tif *.tfw*) \n\nBut they should have the same formated name as the target raster. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":322,"value":"Since my render.png was quite large but has the same extent as my sat.png, I can convert it to use with my render output, by just converting the pixel scale.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"```\n18.6027466506023984 //original_xPixelSize × (original_image_width / new_image_width)\n0\n0\n-18.6027466506023984 //original_xPixelSize × (original_image_width / new_image_width)\n1378321.79537332523614168\n5971981.13773163873702288\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":48,"value":"```\n18.6027466506023984 x 4150 / 2000\n0\n0\n-18.6027466506023984 x 4150 / 2000\n1378321.79537332523614168\n5971981.13773163873702288\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"(18.6027466506023984 * 4150) / 2000 // or just export at the same resolution as the sat.png","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"This is replaced \n```\nworldfile: {\n xPixelSize: 38.60069929999998,\n yRotation: 0,\n xRotation: 0,\n yPixelSize: -38.60069929999998,\n xUpperLeft: 1378321.79537332523614168,\n yUpperLeft: 5971981.13773163873702288\n }\n ```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":373,"value":"To test I can create a tile index via gdal, which creates a bounding box file.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"```\ngdaltindex -t_srs EPSG:3857 -f GeoJSON tile_index.geojson your_raster.tif\nogr2ogr -t_srs EPSG:4326 -f GeoJSON output_name tile_index.geojson\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":135,"value":"or turf.bbox(tileIndex);","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":137,"value":"bbox = turf.bbox(tile_index)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"bounds = [[\n [bbox[0], bbox[3]], // nw (minLon, maxLat)\n [bbox[2], bbox[3]], // ne (maxLon, maxLat)\n [bbox[2], bbox[1]], // se (maxLon, minLat)\n [bbox[0], bbox[1]], // sw (minLon, minLat)\n [bbox[0], bbox[3]] // close (back to nw)\n]]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"lakes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"Which means I can set the bounds of the map to fit the bounds of the upload render. Using mercator as the default projection, but now I can overlay geojson and other Mapa methods.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":550,"value":"min = -1469","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"max = 5494","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"bathyColors = [\n \"#081c3b\",\n \"#12305a\",\n \"#1c4477\",\n \"#30629f\",\n \"#4e80bd\",\n \"#6c9edb\",\n \"#8abcef\",\n \"#a8d0ff\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"landColors = [\n \"#78ab4d\",\n \"#c9c864\",\n \"#e8d77d\",\n \"#ba9b50\",\n \"#a17743\",\n \"#825d33\",\n \"#8c643c\",\n \"#a07850\",\n \"#b4966e\",\n \"#c8b496\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"bathyScale = d3\n .scaleThreshold()\n .domain(filteredBathyDomain)\n .range(filteredBathyColors)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"bathyDomain = [-9000, -7000, -5000, -3000, -1000, -200, -50]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"numBreaksBathy = bathyColors.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"numBreaksLand = landColors.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"landScale = d3\n .scaleThreshold()\n .domain(filteredLandDomain)\n .range(filteredLandColors)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"landDomain = [200, 500, 800, 1200, 1600, 1800, 2000, 2200, 2500]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"filteredBathyDomain = bathyDomain.filter(d => d >= min);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"filteredLandDomain = landDomain.filter((d) => d <= max)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"filteredBathyColors = bathyColors.slice(bathyColors.length - filteredBathyDomain.length - 1);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"filteredLandColors = landColors.slice(0, filteredLandDomain.length + 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"tickValues = [\n ...new Set([min, ...filteredBathyDomain, 0, ...filteredLandDomain, max])\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"import { fontMap, fontStyles, loadFonts, fontUrls } from \"@mbrickmaps/font\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"fontMap","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":707,"value":"myCustomItalicsLabels = renderLabels(\n customItalicLabels,\n \"CormorantGaramond-MediumItalic\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1002,"value":"myCustomTopographicLabels = renderLabels(\n customTopographicLabels,\n \"BarlowCondensed-SemiBoldItalic\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"personSymbol = d3.symbol().type(d3.symbolCircle).size(100)()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"symbolGrid(personSymbol, {\n count: 5,\n perLine: 5,\n symbolWidth: 15,\n symbolHeight: 40,\n fillColor: \"green\",\n strokeColor: \"black\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":" - Mountain Ranges\n - Alborz (stretches from the border of Azerbaijan along the western and entire southern coast of the Caspian Sea and finally runs northeast and merges into the smaller Aladagh Mountains and borders in the northeast on the parallel mountain ridge Kopet Dag in the northern parts of Khorasan.)\n - Central Iranian Range\n - Zagros Mountains (Mount Dena)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":922,"value":"myCustomItalicsLabels","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":931,"value":"rivers","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"rivers","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"commonStyle = ({\n type: \"custom\",\n group: \"customClass\",\n size: \"6\",\n color: \"#ff0000\",\n stroke: \"#000000\",\n \"stroke-width\": 2,\n dir: \"NE\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"Let's test this out","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":129,"value":"Best for mercator only, if you want projected rasters use the tile approach","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":202,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":118,"value":"tile_index = FileAttachment(\"tile4326.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"render = {\n const img = new Image();\n img.crossOrigin = \"anonymous\";\n img.src = await FileAttachment(\"dark.png\").url();\n await new Promise((r) => (img.onload = r));\n return img;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"image.width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"image.height","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"import { TextGeometry, renderLabels } from \"@mbrickmaps/geofont\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1135,"value":"import { flagUrls as flagLink } from \"@mbrickmaps/flag-icons\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1138,"value":"flagLink.tm","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1141,"value":"async function flagSvg(url) {\n const text = await fetch(url).then((r) => r.text());\n const uid = Math.random().toString(36).slice(2);\n const replaced = text\n .replaceAll('id=\"a\"', `id=\"a-${uid}\"`)\n .replaceAll(\"url(#a)\", `url(#a-${uid})`);\n const doc = new DOMParser().parseFromString(replaced, \"image/svg+xml\");\n return document.importNode(doc.querySelector(\"svg\"), true);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1","titling":"auto"}} 33:"$32:body"