31:[] 2f:{"title":"World from space QGIS projection Exporter","cells":[{"id":0,"value":"md`# _World from space_ QGIS projection Exporter`","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"md`\n#### QGIS projection export\n¿Are you interested in create a Ortographic projection with QGIS? Use the sliders below to center the glove over the place you want to center your map.\n\nThen just copy and paste next text below in a _custom projection_ in QGIS and then use it:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":511,"value":"{\n const parent = d3.create(\"div\");\n parent.node().innerHTML = `\n Click to copy\n

\n ${proj}\n \n

`;\n parent.on(\"click\", function (e, d, els) {\n navigator.clipboard.writeText(proj);\n els[0].querySelector(\"#msg\").innerHTML = \" Copied!\";\n setTimeout(() => (els[0].querySelector(\"#msg\").innerHTML = \"\"), 2000);\n });\n\n return parent.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"map = {\n const context = this ? this.getContext(\"2d\") : DOM.context2d(width, width);\n const [x, y] = projection([longitude, latitude]);\n\n function render() {\n const path = d3.geoPath(projection, context);\n context.clearRect(0, 0, width, width);\n context.beginPath(),\n path(graticule),\n (context.strokeStyle = \"rgb(245,245,245)\"),\n context.stroke();\n context.beginPath(),\n path(land),\n (context.fillStyle = \"rgb(200,200,200)\"),\n context.fill();\n context.beginPath(),\n path({ type: \"Sphere\" }),\n (context.strokeStyle = \"#333\"),\n context.stroke();\n context.beginPath();\n context.arc(x, y, 3, 0, 2 * Math.PI);\n context.fillStyle = \"red\";\n context.fill();\n }\n render();\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof longitude = slider({\n min: -180,\n max: 180,\n step: 1,\n value: -3.8,\n title: \"Longitude\",\n description: \"Slider to control longitude\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"viewof latitude = slider({\n min: -180,\n max: 180,\n step: 1,\n value: 40.4,\n title: \"Latitude\",\n description: \"Slider to control latitude\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"md`___\n_Configuración_ (no tocar)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"proj = '+proj=ortho +lat_0='+longitude+' +lon_0='+latitude+' +x_0=0 +y_0=0 +ellps=sphere +units=m +no_defs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"r = width / 3 - 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"projection = d3\n .geoOrthographic()\n .scale(r)\n .translate([width / 2, width / 2])\n .rotate([-longitude, -latitude])","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"d3 = require(\"d3@v5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"world = d3.json(\"https://unpkg.com/world-atlas@1/world/110m.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"maxRadius = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"land = topojson.feature(world, world.objects.land)","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"width = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"import { slider } from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":530,"value":"colors = [\n \"#94D0FF\",\n \"#8795E8\",\n \"#966bff\",\n \"#AD8CFF\",\n \"#C774E8\",\n \"#c774a9\",\n \"#FF6AD5\",\n \"#ff6a8b\",\n \"#ff8b8b\",\n \"#ffa58b\",\n \"#ffde8b\",\n \"#cdde8b\",\n \"#8bde8b\",\n \"#20de8b\"\n]","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}