-
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%; |