The avatar for @haydenelza
Hayden Elza
Geocorsair. Coding for the dopamine release.
Published
Edited
Oct 21, 2020
Importers
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
townshipSchematic(labelsCornerOffset, true)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
mapCorner(42121024000)
Insert cell
function *mapCorner(dtrsco){
// Create map element from scratch and yeild so that Leaflet place map
let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` });
yield container;
// Set max view
var maxView = L.latLngBounds(
L.latLng(48.5, -82),
L.latLng(41, -97.5)
);
// Now we create a map object and set view
let map = L.map(container,{
minZoom: 7,
maxZoom: 18,
maxBounds: maxView
}).setView([44.85,-89.8], 7);
// Set base map
let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', {
attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
// Add townships

}
Insert cell
Insert cell
d3 = require('d3')
Insert cell
L = require('leaflet@1.6.0')
Insert cell
html`<link href='${resolve('leaflet@1.6.0/dist/leaflet.css')}' rel='stylesheet' />`
Insert cell
pg = require('https://bundle.run/pg@8.2.1/lib/index.js')
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more