-
Using MacOSX.
-
Open your browser and log in your CartoDB account.
-
Get your API key:
2a) Click on your "user-->Your API keys" option. (Up-right section)
| <body onload="main()"> | |
| <div id="map"></div> | |
| <script src="../src/cartodb.js"></script> | |
| <script type="text/javascript"> | |
| function main() { | |
| cdb.load('../src/', function() { | |
| var vizjson_url = "http://development.localhost.lan:3000/api/v2/viz/fdc76b62-5cb7-11e3-928e-003ee1fffe8b/viz.json"; |
| <!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 { | |
| /*position:absolute;*/ |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>World flags | 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%; |
| <!DOCTYPE html"> | |
| <html> | |
| <head> | |
| <title> | |
| Tooltips | CartoDB | |
| </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 type="text/css"> |
Using MacOSX.
Open your browser and log in your CartoDB account.
Get your API key:
2a) Click on your "user-->Your API keys" option. (Up-right section)
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Basemaps | 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: 200px; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Named Map with layer selectors | 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 { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Positron HTTPS| 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%; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Bug IE | 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%; |