Skip to content

Instantly share code, notes, and snippets.

@jatorre
Created November 22, 2012 23:04
Show Gist options
  • Save jatorre/4133246 to your computer and use it in GitHub Desktop.
Save jatorre/4133246 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
html, body {height: 100%; padding: 0; margin: 0;}
#map {position:absolute; width:100%; top:0; right:0; bottom:0; left:0;}
</style>
<link href="http://staging20.cartodb.com/assets/leaflet-510ae051a5d99e48b066cfdc9b22c20b.css" media="screen" rel="stylesheet" type="text/css" />
<link href="http://staging20.cartodb.com/assets/cdb/themes/css/cartodb-3836c012509ff34e44900ab95393c88f.css" media="screen" rel="stylesheet" type="text/css" />
<link href="http://staging20.cartodb.com/assets/plugins/tipsy-037cecd83a3903a4391500c0794398e4.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
<link href="http://staging20.cartodb.com/assets/map/leaflet.ie-0d3f5e5d51665697b23dc0e89f72cab2.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20934186-8']);
_gaq.push(['_setDomainName', 'cartodb.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_setCustomVar', 1, 'Member Type', 'FREE', 1]);
_gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
</script>
</head>
<body>
<div id="map"></div>
</body>
<script src="http://staging20.cartodb.com/assets/jquery-7be4141473cc92f2e9fb25000e92911c.js" type="text/javascript"></script>
<script src="http://staging20.cartodb.com/assets/cdb-ea1ff619ef56832910c5d8a06810bdb3.js" type="text/javascript"></script>
<script src="http://staging20.cartodb.com/assets/embed-49bee17faa747f13332b9c8d48ea844d.js" type="text/javascript"></script>
<script>
var debug = false;
var vizjson= {"version":"0.1.0","updated_at":"2012-11-23T00:02:46+01:00","layers":[{"options":{"visible":true,"type":"Tiled","name":"Graphite (Mapbox)","className":"mapbox_graphite","base_type":"mapbox_graphite","urlTemplate":"http://a.tiles.mapbox.com/v3/cartodb.map-4xtxp73f/{z}/{x}/{y}.png","read_only":true,"maxZoom":17,"attribution":"Mapbox <a href='http://mapbox.com/about/maps' target='_blank'>Terms &amp; Feedback</a>","order":0,"id":1773},"kind":"tiled","infowindow":null,"id":1773,"order":0},{"options":{"type":"CartoDB","active":true,"query":"","opacity":0.99,"auto_bound":false,"interactivity":"cartodb_id","debug":false,"tiler_domain":"cartodb.com","tiler_port":"443","tiler_protocol":"https","sql_domain":"cartodb.com","sql_port":"443","sql_protocol":"https","extra_params":{"cache_policy":"persist","cache_buster":1353513886173},"cdn_url":"","visible":true,"table_name":"crashes_2007_2009_3","user_name":"staging20"},"kind":"carto","infowindow":{"template_name":"table/views/infowindow_light","fields":[{"name":"cartodb_id","title":true,"position":1},{"name":"___intersect","title":true,"position":2},{"name":"date","title":true,"position":3},{"name":"day","title":true,"position":4},{"name":"day_o_week","title":true,"position":5},{"name":"fatalities","title":true,"position":6},{"name":"geometry","title":true,"position":7},{"name":"hour","title":true,"position":8},{"name":"injuries","title":true,"position":9},{"name":"injury","title":true,"position":10},{"name":"lighting","title":true,"position":11},{"name":"month","title":true,"position":12},{"name":"name","title":true,"position":13},{"name":"num_veh","title":true,"position":14},{"name":"rd_defect","title":true,"position":15},{"name":"surf_cond","title":true,"position":16},{"name":"traf_cntrl","title":true,"position":17},{"name":"veh1_dir","title":true,"position":18},{"name":"veh1_evnt1","title":true,"position":19},{"name":"veh1_evnt2","title":true,"position":20},{"name":"veh1_evnt3","title":true,"position":21},{"name":"veh1_loc1","title":true,"position":22},{"name":"veh1_loc2","title":true,"position":23},{"name":"veh1_loc3","title":true,"position":24},{"name":"veh1_manuv","title":true,"position":25},{"name":"veh1_specl","title":true,"position":26},{"name":"veh1_type","title":true,"position":27},{"name":"veh2_dir","title":true,"position":28},{"name":"veh2_evnt1","title":true,"position":29},{"name":"veh2_evnt2","title":true,"position":30},{"name":"veh2_evnt3","title":true,"position":31},{"name":"veh2_loc1","title":true,"position":32},{"name":"veh2_loc2","title":true,"position":33},{"name":"veh2_loc3","title":true,"position":34},{"name":"veh2_manuv","title":true,"position":35},{"name":"veh2_specl","title":true,"position":36},{"name":"veh2_type","title":true,"position":37},{"name":"weather","title":true,"position":38},{"name":"year","title":true,"position":39}],"template":"<div class=\"cartodb-popup\">\n <a href=\"#close\" class=\"cartodb-popup-close-button close\">x</a>\n <div class=\"cartodb-popup-content-wrapper\">\n <div class=\"cartodb-popup-content\">\n {{#content.fields}}\n {{#title}}<h4>{{title}}</h4>{{/title}}\n {{#value}}\n <p>{{ value }}</p>\n {{/value}}\n {{^value}}\n <p class=\"empty\">null</p>\n {{/value}}\n {{/content.fields}}\n </div>\n </div>\n <div class=\"cartodb-popup-tip-container\"></div>\n</div>\n"},"id":1774,"order":1}],"overlays":[{"type":"header","shareable":true,"url":"http://staging20.cartodb.com/tables/606"},{"type":"zoom","template":"<a class=\"zoom_in\">+</a><a class=\"zoom_out\">-</a>"},{"type":"search"},{"type":"loader","template":"<div class=\"loader\"></div>"}],"description":null,"title":"crashes_2007_2009_3","map_provider":"leaflet","center":"[41.88617662305848, -87.62866973876953]","zoom":11}
function get_url_params() {
var tokens = location.search.slice(1).split('&');
var params = {}
for(var i = 0; i < tokens.length; ++i) {
var tk = tokens[i].split('=');
params[tk[0]] = decodeURIComponent(tk[1]);
}
return params;
}
function search_overlay(name) {
for(var i = 0; i < vizjson.overlays.length; ++i) {
if(vizjson.overlays[i].type === name) {
return vizjson.overlays[i];
}
}
}
function remove_overlay(name) {
for(var i = 0; i < vizjson.overlays.length; ++i) {
if(vizjson.overlays[i].type === name) {
vizjson.overlays.splice(i, 1);
return;
}
}
}
var opt = get_url_params()
// remove search if the vizualization does not contain it
if (opt.search !== 'true') {
remove_overlay('search');
}
if(opt.title !== 'true' && opt.description !== 'true' && opt.shareable !== 'true') {
remove_overlay('header');
}
if(opt.title !== 'true') {
vizjson.title = null;
}
if(opt.description !== 'true') {
vizjson.description = null;
}
if(opt.shareable !== 'true') {
var s = search_overlay('header');
if(s) {
s.shareable = false;
}
}
if(opt.sw_lat !== undefined) {
vizjson.bounds = [
[parseFloat(opt.sw_lat), parseFloat(opt.sw_lon)],
[parseFloat(opt.ne_lat), parseFloat(opt.ne_lon)],
];
}
if(opt.sql) {
vizjson.layers[1].options.query = opt.sql;
}
if(opt.style) {
vizjson.layers[1].options.tile_style = opt.style;
}
vizjson.layers[1].options.no_cdn = debug;
var vis = new cdb.vis.Vis({el: $('#map')});
vis.load(vizjson);
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment