| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Easy example | CartoDB.js</title> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
| <link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" /> | |
| <style> | |
| html, body, #map { | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| </style> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" /> | |
| </head> | |
| <body> | |
| <div id="map"></div> | |
| <script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script> | |
| <script> | |
| function main() { | |
| cartodb.createVis('map', 'http://andrew.cartodb.com/api/v2/viz/b5cece38-4af4-11e3-bfb4-3085a9a9563c/viz.json', { | |
| shareable: true, | |
| title: true, | |
| description: true, | |
| search: true, | |
| tiles_loader: true, | |
| center_lat: 0, | |
| center_lon: 0, | |
| zoom: 2 | |
| }) | |
| .done(function(vis, layers) { | |
| var slider = vis.timeSlider; | |
| slider.formatter(function(d) { | |
| var month = d.getUTCMonth(); | |
| var day = d.getUTCDay(); | |
| var year = d.getUTCFullYear(); | |
| return month + "/" + day + "/" + year; | |
| }) | |
| }) | |
| .error(function(err) { | |
| console.log(err); | |
| }); | |
| } | |
| window.onload = main; | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment