Martin Raifer tyrasd

modified version of http://bl.ocks.org/curran/01aa2685f083b6c1b9fb with the map's bounding box on the globe

original readme follows:

--

Pan and zoom in the map on the left to rotate the globe.

Click and drag the globe to pan on the map.

Opens the GeoJSON supplied via GET-data on a basic leaflet map. Supports some styling of features via simplestyle properties.

Parameters:

Examples:

Interactive version of the Bikeability Index map of Graz made by Patricia Jasmin Krenn, Pekka Oja and Sylvia Titze: Development of a Bikeability Index to Assess the Bicycle-Friendliness of Urban Environments (CC-BY 4.0)

Cruncher

install node/npm, curl
compile and install tippecanoe (version 1.8.1 works, not sure about newer releases)
download run.sh from cruncher repo and chmod +x it
replace osmqatiles-planet url with the extract you want
adjust paths in run.sh (and mkdir the respective working directories)
comment out hotprojects.sh (would fail because it requires valid AWS credentials to upload stuff into a hardcoded bucket).
comment out the forever restart … lines (requires a tile-serving script to be already running)
execute run.sh -> … -> two .mbtiles files in results directory

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
	<script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
	<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
	<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />

	function equals(g1,g2) {
	function _equalCoords(c1,c2) {
	if (typeof c1 === 'number')
	return c1===c2;
	else
	if (Array.isArray(c1) && Array.isArray(c2) && c1.length===c2.length)
	return c1.reduce(function(memo, val, index) {
	return memo && _equalCoords(c1[index], c2[index]);
	}, true);
	else

	<!DOCTYPE html>
	<html>
	<head>
	<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
	<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>

	// ==UserScript==
	// @name improved interactivity for provinz.bz.it/wetter
	// @namespace http://tampermonkey.net/
	// @version 0.1
	// @description makes http://www.provinz.bz.it/wetter/niederschlagsvorhersage.asp more interactive
	// @author Martin Raifer <[email protected]>
	// @match http://www.provinz.bz.it/wetter/niederschlagsvorhersage.asp
	// @grant none
	// ==/UserScript==