api.tiles.mapbox.com/v1/
api.tiles.mapbox.com/v1/albums.json
api.tiles.mapbox.com/v1/albums.jsonp
| { _type: 'OpenLayers.Layer.StyleWriter' | |
| , _value: | |
| [ 'Support US drone strikes' | |
| , 'http://ndi1.live.mapbox.com/tile/${mapfile}/${z}/${x}/${y}.${format}' | |
| , { projection: [Object] | |
| , maxExtent: [Object] | |
| , type: 'png' | |
| , symbolizer: 'polygon' | |
| , value_field: 'date' | |
| , name_field: 'assumed_target' |
| /* River lines */ | |
| .river::line { color: #acf; } | |
| /* I am guessing as to the meaning of the CLASS column. | |
| * This style appears mostly correct */ | |
| .river::line[zoom=7][CLASS=1] { width: 0.1; } | |
| .river::line[zoom=8][CLASS=1] { width: 0.2; } | |
| .river::line[zoom=9][CLASS=1] { width: 0.4; } |
| var makeMaps = function () { | |
| var mm = com.modestmaps; | |
| m = new mm.Map('map', new com.modestmaps.WaxProvider({ | |
| baseUrl: 'http://a.tiles.mapbox.com/mapbox/', | |
| layerName: 'world-glass', | |
| zoomRange: [4, 8] | |
| })); | |
| m.setCenterZoom( | |
| new com.modestmaps.Location(37, -97), 5); | |
| <html> | |
| <head> | |
| <title>Wax.G Layer Switcher</title> | |
| <script src='http://maps.google.com/maps/api/js?sensor=false' type='text/javascript'></script> | |
| <script src='http://www.geosprocket.com/mapbox-wax/dist/wax.g.js' type='text/javascript'></script> | |
| <script src='http://code.jquery.com/jquery-1.6.4.min.js' type='text/javascript'></script> | |
| <link href='http://www.geosprocket.com/css/basic.css' rel='stylesheet' type='text/css' /> | |
| <link href='http://www.geosprocket.com/css/buttons.css' rel='stylesheet' type='text/css' /> | |
| <link href='http://www.geosprocket.com/mapbox-wax/theme/controls.css' rel='stylesheet' type='text/css' /> |
| <html> | |
| <head> | |
| <script src='https://raw.github.com/mapbox/wax/master/ext/leaflet.js' type='text/javascript'></script> | |
| <script src='https://raw.github.com/mapbox/wax/master/dist/wax.leaf.js' type='text/javascript'></script> | |
| <link href='https://raw.github.com/mapbox/wax/master/ext/leaflet.css' rel="stylesheet" type="text/css" /> | |
| <link href='https://raw.github.com/mapbox/wax/master/theme/controls.css' rel="stylesheet" type="text/css" /> | |
| <style type='text/css'> | |
| #map-div { | |
| width:500px; | |
| height:300px; |
| <html> | |
| <head> | |
| <title>Tornadoes in the U.S.</title> | |
| <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> | |
| <script src='http://mapbox.com/wax/dist/modestmaps.js' type='text/javascript'></script> | |
| <script src='http://mapbox.com/wax/dist/wax.mm.min.js' type='text/javascript'></script> | |
| <link href='http://mapbox.com/wax/css/controls.css' rel='stylesheet' type='text/css' /> | |
| </head> | |
| <body> | |
| <div id="sidebar"> |
| var mm = com.modestmaps; | |
| var url = 'http://api.tiles.mapbox.com/v3/tristen.map-h7dkbvxx.jsonp'; | |
| // ## Map Implementation | |
| wax.tilejson(url, function(tilejson) { | |
| // By default, MapBox hosting provides | |
| // templating markup in uploaded .mbtiles. | |
| // In wax we want to remove template object | |
| // so we can default to tilejson.formatter instead. |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Modest Maps JS</title> | |
| <script type="text/javascript" src="https://raw.github.com/stamen/modestmaps-js/master/modestmaps.js"></script> | |
| <script type="text/javascript"> | |
| var map; | |
| function initMap() { | |
| // some test |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title>Wax Interactivity</title> | |
| </head> | |
| <body> | |
| <style> | |
| #map { | |
| width: 100%; |