Skip to content

Instantly share code, notes, and snippets.

View turban's full-sized avatar

Bjorn Sandvik turban

281 followers · 19 following
View GitHub Profile
@turban
turban / gdal_wms_osm.xml
Created April 16, 2016 15:24
<GDAL_WMS>
<Service name="TMS">
<ServerUrl>http://tile.openstreetmap.org/${z}/${x}/${y}.png</ServerUrl>
</Service>
<DataWindow>
<UpperLeftX>-20037508.34</UpperLeftX>
<UpperLeftY>20037508.34</UpperLeftY>
<LowerRightX>20037508.34</LowerRightX>
<LowerRightY>-20037508.34</LowerRightY>
<TileLevel>18</TileLevel>
@turban
turban / index.html
Last active August 29, 2015 14:22
Mapbox GL JS
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.7.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
@turban
turban / README.md
Last active April 14, 2016 13:11
UTM zones with D3.js

As the name implies, the Universal Transverse Mercator (UTM) projection is based on the cylindrical Transverse Mercator projection.

The UTM system divides the Earth between 80°S and 84°N latitude into 60 zones, each 6° of longitude in width. The zones are numbered from 1 to 60 proceeding east from the anitmeridian (180°).

This rotating Transverse Mercator projection shows the 60 UTM zones around the Earth. The projection has constant scale along the changing central meridian, and regions near it are mapped with low distortion. Just like on the regular Mercator projection, areas further away from the central meridian are increasingly distorted.

UTM is often used to show regions or countries with a greater north-south extent, like mainland Norway, which is usually depicted in UTM 33.

More informatio

@turban
turban / L.Wax.js
Created November 4, 2012 17:43
L.Wax = L.Class.extend({
initialize: function (map) {
this.map = map;
var layers = map.options.layers || [];
var wax = false;
var self = this;
map.on('layeradd', function(e) {
if (e.layer.options.wax) {
@turban
turban / labels.mss
Created November 4, 2012 15:38
@serif: "Times New Roman Regular","FreeSerif Medium","DejaVu Serif Book";
@serif-italic: "Times New Roman Italic","FreeSerif Italic","DejaVu Serif Italic";
@sans: "Arial Regular","Liberation Sans Regular","DejaVu Sans Book";
@sans-bold: "Arial Bold","Liberation Sans Bold","DejaVu Sans Bold";
#labels[zoom > 4][zoom < 8][desc_code = "METR"] {
text-name: "''";
text-face-name: @sans-bold;
text-halo-radius: 1;
text-halo-fill: rgba(255,255,255,0.75);
@turban
turban / leaflet-wax.js
Created November 4, 2012 12:48
// Load TileJSON
wax.tilejson('http://earthatlas.info/nz/tiles/nz-popden.tilejson', function(tilejson) {
// Create map and add image tiles
var map = new L.Map('map-div')
.addLayer(new wax.leaf.connector(tilejson))
.setView(new L.LatLng(51, 0), 1);
// Create map legend
wax.leaf.legend(map, tilejson).appendTo(map._container);
@turban
turban / UTFGrid
Created November 4, 2012 12:47
{
"grid": [
" !!#######$$$",
" !########$$$",
" #########$$$$",
" %%#####$$$$$$$",
" %%%%%$#$$$$$$$$",
" &%%%%%$$$$$$$$$$",
" &&&%%%%%%%$$$$$$$$$",
" &&&&%%%%%%%$$$$$$$$$",
@turban
turban / nz-popden.tilejson
Created November 4, 2012 12:45
{
"tilejson": "2.0.0",
"scheme": "xyz",
"bounds": [ 166, -47.5, 179, -34 ],
"center": [ 173.3, -41.273, 5 ],
"minzoom": 0,
"maxzoom": 12,
"name": "Population density map of New Zealand",
"description": "Created by Bjørn Sandvik\nhttp://blog.thematicmapping.org/",
"legend": "<div class='my-legend'>\n<div class='legend-title'>Population density<br/>per km<sup>2</sup> (2011)</div>\n<div class='legend-scale'>\n <ul class='legend-labels'>\n <li><span style='background:#FFFFFF;'></span>None</li>\n <li><span style='background:#FFFFE5;'></span>< 1</li>\n <li><span style='background:#FFF7BC;'></span>1 - 5</li>\n <li><span style='background:#FEE391;'></span>5 - 10</li>\n <li><span style='background:#FEC44F;'></span>10 - 50</li>\n <li><span style='background:#FE9929;'></span>50 - 100</li>\n <li><span style='background:#EC7014;'></span>100 - 250</li>\n <li><span style='background:#CC4C02;'></span>250 - 500</li>\n <li><span style='background:#993404;'></span>
@turban
turban / tooltip.tpl
Created November 4, 2012 12:42
<div>
<strong>{{{au_name}}}</strong><br>
Population: {{{pop2011}}} (2011)<br>
Area: {{{area}}} km<sup>2</sup><br>
Density: {{{popdens}}} per km<sup>2</sup>
</div>
@turban
turban / legend.html
Created November 2, 2012 23:07
<div class='my-legend'>
<div class='legend-title'>Population density<br/>per km<sup>2</sup> (2011)</div>
<div class='legend-scale'>
<ul class='legend-labels'>
<li><span style='background:#FFFFFF;'></span>None</li>
<li><span style='background:#FFFFE5;'></span>< 1</li>
<li><span style='background:#FFF7BC;'></span>1 - 5</li>
<li><span style='background:#FEE391;'></span>5 - 10</li>
<li><span style='background:#FEC44F;'></span>10 - 50</li>
<li><span style='background:#FE9929;'></span>50 - 100</li>