Skip to content

Instantly share code, notes, and snippets.

@oriolbx
oriolbx / index.html
Last active February 18, 2016 11:44
CartoDB basemap slider
<!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"/>
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<!-- include cartodb.js library -->
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
@oriolbx
oriolbx / index.html
Created December 9, 2015 09:49
change CartoCSS of a clicked CartoDB geometry
<!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" />
<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>
<style>
@oriolbx
oriolbx / index.html
Last active March 8, 2016 15:32
CartoDB searchbox SQL filter
<!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 {
width:100%;
height:100%;
@oriolbx
oriolbx / index.html
Last active January 15, 2016 13:43
select multiple CartoDB polygons
<!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" />
<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
Last active June 1, 2016 07:45
Buffer on click
<!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" />
<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 / config.json
Last active January 18, 2016 12:14
cartodb.js: named maps, toggle layers and hover infowindow
{
"version": "0.0.1",
"name": "toggle_named_maps_multilayer",
"auth": {
"method": "open"
},
"placeholders" : {
"layer0": {
"type": "number",
@oriolbx
oriolbx / config.json
Created January 21, 2016 15:35
cartodb.js change name map parameters on click
{
"version": "0.0.1",
"name": "named_maps_variables2",
"auth": {
"method": "open"
},
"placeholders" : {
"layer0": {
"type": "number",
@oriolbx
oriolbx / index.html
Created January 27, 2016 14:28
CartoDB.js + Chart.js
<!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: 80%;
padding: 0;
margin: 0;
@oriolbx
oriolbx / index.html
Last active February 19, 2018 10:54
CartoDB searchbox SQL filter createLayer
<!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 {
width:100%;
height:100%;
@oriolbx
oriolbx / index.html
Created February 1, 2016 13:46
cartodb.js createLayer disable zoom and pan
<!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"/>
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<!-- include cartodb.js library -->
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
<style>