Skip to content

Instantly share code, notes, and snippets.

View wboykinm's full-sized avatar

Bill Morris wboykinm

195 followers · 107 following
View GitHub Profile
@wboykinm
wboykinm / index.html
Last active December 25, 2015 16:58 — forked from JasonSanford/index.html
<!DOCTYPE html>
<html>
<head>
<title>Leaflet TopoJSON Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
@wboykinm
wboykinm / GeoJSON.js
Last active December 25, 2015 17:39 — forked from jlivni/index.html
var GeoJSON = function( geojson, options ){
var _geometryToGoogleMaps = function( geojsonGeometry, opts, geojsonProperties ){
var googleObj;
switch ( geojsonGeometry.type ){
case "Point":
opts.position = new google.maps.LatLng(geojsonGeometry.coordinates[1], geojsonGeometry.coordinates[0]);
googleObj = new google.maps.Marker(opts);
@wboykinm
wboykinm / README.md
Created November 2, 2013 17:41 — forked from mbostock/.block 
  wow
         such voronoi
                 html5
     many cells
                       very convexity
   so tessellation
@wboykinm
wboykinm / index.html
Last active December 27, 2015 18:49 — forked from mbostock/.block
<!DOCTYPE html>
<meta charset="utf-8">
<style>
rect {
fill: none;
pointer-events: all;
}
.feature {
@wboykinm
wboykinm / README.md
Last active December 27, 2015 20:59 — forked from mbostock/.block
Vector Tiles in D3, darkened
@wboykinm
wboykinm / README.md
Last active December 27, 2015 21:09 — forked from ZJONSSON/README.md

UPDATE: The Vector Tiles are not being served at this time by Openstreetmap. Try later or a different provider (example) Services seem to have resumed

A simple test of extending the L.TileLayer to fetch geoJSON tiles from openstreetmap and render them with d3. This is probably not the most efficient way to do this, as we accept empty image tags (from the standard TileLayer) and use them as containers for the data/requests.

@wboykinm
wboykinm / README.md
Last active December 28, 2015 02:08 — forked from mbostock/.block
@wboykinm
wboykinm / index.html
Created November 13, 2013 21:18
<!DOCTYPE html>
<html>
<head>
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<div class="leaflet-marker-icon datacenter-marker edge leaflet-zoom-animated leaflet-clickable" tabindex="0" style="margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; -webkit-transform: translate3d(738px, 323px, 0); z-index: 323;"><span class="dot"></span></div>
<body>
@wboykinm
wboykinm / README.md
Created December 11, 2013 21:03 — forked from mbostock/.block
@wboykinm
wboykinm / README.md
Created December 11, 2013 21:05 — forked from mbostock/.block

The Briesemeister projection is a rescaled oblique Hammer projection, with an aspect ratio of 1.75:1 rather than 2:1. It uses an oblique aspect of 10°E 45°N.