Extent indicator globe using d3.geo.orthographic and radial gradients - EVERYTHING OF IMPORT HERE IS THE WORK OF @dwtkns
Slippy map code from:
http://bl.ocks.org/3943330 by tmcw
http://bl.ocks.org/4132797 by mbostock
Map tiles from Stamen
Bill Morris wboykinm
wboykinm
/ index.html
Created
December 18, 2012 20:51
— forked from tmcw/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script> | |
| <script src='http://code.jquery.com/jquery-1.8.3.min.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%; } | |
| #switch { position:absolute; top:0; bottom:0; left: 300px width:300px; } |
wboykinm
/ index.html
Created
December 18, 2012 20:57
— forked from tmcw/index.html
Mapbox.js layer switcher using map.setLayer
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script> | |
| <script src='http://code.jquery.com/jquery-1.8.3.min.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%; } | |
| #switch { position:absolute; top:0; bottom:0; left: 300px width:300px; } |
wboykinm
/ index.html
Created
December 18, 2012 21:03
— forked from tmcw/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script> | |
| <script src='http://code.jquery.com/jquery-1.8.3.min.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%; } | |
| #switch { position:absolute; top:0; bottom:0; left: 300px width:300px; } |
wboykinm
/ index.html
Created
December 22, 2012 03:09
— forked from anonymous/index.html
call to cartodb map API from cartodb.js switcher
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Leaflet Switching + CartoDB</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> | |
| <link rel="stylesheet" href="http://geosprocket.com/assets/leaflet/dist/leaflet.css" /> | |
| <!--[if lte IE 8]><link rel="stylesheet" href="http://geosprocket.com/assets/leaflet/dist/leaflet.ie.css" /><![endif]--> |
wboykinm
/ index.html
Last active
December 11, 2015 16:09
— forked from tmcw/index.html
This is NOT as cool as the Original . . .
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
wboykinm
/ index.html
Last active
December 11, 2015 16:18
— forked from tmcw/index.html
Dude I ski Mad Rivah
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
wboykinm
/ index.html
Last active
December 11, 2015 21:59
— forked from anonymous/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" /> | |
| <!--[if lte IE 8]> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" /> | |
| <![endif]--> | |
| <script src="http://libs.cartocdn.com/cartodb.js/v2/cartodb.js"></script> | |
| <style> | |
| html, body {width:100%; height:100%; padding: 0; margin: 0;} | |
| #map {width: 100%; height:100%; background: black; z-index:1;} |
wboykinm
/ index.html
Created
January 30, 2013 19:49
— forked from mbostock/.block
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| .graticule { | |
| fill: none; | |
| stroke: #777; | |
| } | |
| .boundary { |
wboykinm
/ README.md
Last active
December 12, 2015 04:48
— forked from dwtkns/README.md
Fiddling with D3 Finder params
wboykinm
/ README.md
Last active
August 9, 2022 02:27
— forked from tmcw/README.md
Tom MacWright's demonstration of jenks natural breaks implemented in simple-statistics.
Rendered by d3js, based on an example by Mike Bostock.
OlderNewer