Skip to content

Instantly share code, notes, and snippets.

View matallo's full-sized avatar

Carlos Matallín matallo

View GitHub Profile
<!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%;
<!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%;
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Slides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/sandbox/favicon.png">
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Torque</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
svgoPlugins: [
{ removeDesc : true },
{ collapseGroups : false },
{ removeUnknownsAndDefaults : false },
{ removeUselessStrokeAndFill: false },
{ removeViewBox : false }
]
$font-weight-base: 400;
$font-size-base: 15px;
$line-height-base: normal;
$font-family-base: 'Helvetica Neue', Helvetica, Arial, sans-serif;
$text-color: #333;
$body-background: #f8f8f8;
$principal-color: #2483B4;
// Base
// --------------------------------------------------
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
http://1.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/256/png?lg=GER&app_code=AJKnXv84fjrb0KIHawS0Tg&app_id=DemoAppId01082013GAL
```
-baseurl: "https://cartocdn_a.global.ssl.fastly.net/base-light/{z}/{x}/{y}.png"
-title: "Odyssey example FTW"
-author: "CartoDB"
-vizjson: "http://team.cartodb.com/api/v2/viz/0e6d42da-1bb6-11e4-b59c-0e10bcd91c2b/viz.json"
```
#Your first odyssey.js story
```
- center: [0,0]
<!DOCTYPE html>
<html>
<head>
<title>Trying to hide the layers| 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%;