Skip to content

Instantly share code, notes, and snippets.

View oriolbx's full-sized avatar

Oriol oriolbx

8 followers · 5 following
  • Barcelona
View GitHub Profile
@oriolbx
oriolbx / index.html
Created October 2, 2015 13:49
test
@oriolbx
oriolbx / index.html
Created October 4, 2015 18:44
Geocoder Nominatin+Leaflet
<!DOCTYPE html>
<html>
<head>
<title>Geocoder Nominatim + Leaflet</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="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
@oriolbx
oriolbx / index.html
Last active October 4, 2015 19:19
add CartoDB tooltip with createLayer
<!DOCTYPE html>
<html>
<head>
<title>CreateLayer + tooltip</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="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
@oriolbx
oriolbx / index.html
Created October 6, 2015 12:16
CartoDB createLayer() + infowindow
<!DOCTYPE html>
<html>
<head>
<title>createLayer + infowindow</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style>
html, body, #map {
height: 100%;
padding: 0;
@oriolbx
oriolbx / index.html
Last active October 7, 2015 11:13
createLayer infowindow with data from two different datasets
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<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" />
@oriolbx
oriolbx / index.html
Last active October 15, 2015 16:34
cartodb infowindows with google maps
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style>
html, body, #map {
height: 100%;
@oriolbx
oriolbx / index.html
Created October 16, 2015 09:34
sublayers order cartodb createLayer
<!DOCTYPE html>
<html>
<head>
<title>createLayer + two sublayers</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style>
html, body, #map {
height: 100%;
padding: 0;
@oriolbx
oriolbx / index.html
Last active October 21, 2015 11:02
dropdown menu layer selector
<!DOCTYPE html>
<html>
<head>
<title>Dropdown menu selector layer</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style>
html, body, #map {
height: 100%;
padding: 0;
@oriolbx
oriolbx / index.html
Created October 27, 2015 13:58
Quantile classification with createLayer()
<!DOCTYPE html>
<html>
<head>
<title>Quantile classification | 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"/>
<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" />
@oriolbx
oriolbx / index.html
Last active October 28, 2015 11:48
CartoDB classification methods
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<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" />