Skip to content

Instantly share code, notes, and snippets.

View ramiroaznar's full-sized avatar

Ramiro Aznar ramiroaznar

109 followers · 10 following
View GitHub Profile
@ramiroaznar
ramiroaznar / index.html
Created August 2, 2017 07:42
CARTO.js | Get GeoJSON from selected feature
<!DOCTYPE html>
<html>
<head>
<title>CARTO.js | Get GeoJSON from selected feature</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%;
@ramiroaznar
ramiroaznar / index.html
Created August 1, 2017 16:37
CARTO.js | Get bbox from selected feature
<!DOCTYPE html>
<html>
<head>
<title>CARTO.js | Get bbox from selected feature</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%;
@ramiroaznar
ramiroaznar / index.html
Last active July 28, 2017 13:06
Reverse geocoding "hack" with CARTO.js
<!DOCTYPE html>
<html>
<head>
<title>Reverse geocoding with CARTO.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="https://cartodb.com/assets/favicon.ico" />
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
@ramiroaznar
ramiroaznar / app.js
Last active August 28, 2017 07:42
CARTO.js and Backbone.js simple app
var app = app || {};
/* -- Map View --- */
var MapView = Backbone.View.extend({
el: '#mapView',
initialize: function(){
this.query = $('#query').text();
@ramiroaznar
ramiroaznar / query.sql
Created July 21, 2017 08:48
Buffer radious based on earthquake magnitude
select
cartodb_id,
'minor' as type,
ST_Buffer(the_geom::geography, 100000)::geometry) AS the_geom,
ST_Transform(ST_Buffer(the_geom::geography, 100000)::geometry, 3857) AS the_geom_webmercator
from
all_day
where
mag <= 2.9
@ramiroaznar
ramiroaznar / app.css
Last active August 28, 2017 07:43
Map clicker with CARTO.js
html, body, #map {
height: 100%;
padding: 0;
margin: 0;
font-family: "Open Sans";
}
#infobox{
position: absolute;
top: 0;
right: 0;
@ramiroaznar
ramiroaznar / index.html
Last active July 28, 2017 13:19
Change map projections from two layers with CARTO.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Change Map Projections</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
@ramiroaznar
ramiroaznar / index.html
Created June 20, 2017 09:45
Hide sublayers with CARTO.js
<!DOCTYPE html>
<html>
<head>
<title>Hide sublayers with CARTO.js</title>
<link rel="shortcut icon" href="http://cartodb.com/assets/favicon.ico" />
<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>
@ramiroaznar
ramiroaznar / index.html
Last active July 28, 2017 13:17
featureClick + closest points + CARTO.js
<!DOCTYPE html>
<html>
<head>
<title>featureClick + closest points + CARTO.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="https://cartodb.com/assets/favicon.ico" />
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.js"></script>
@ramiroaznar
ramiroaznar / query.sql
Created June 15, 2017 15:39
How to pivot a table with PostgreSQL in CARTO
with data as (
select
cartodb_id as original_id,
to_timestamp(unnest(array['Apr 2011','May 2011','Jun 2011','Jul 2011','Aug 2011','Sep 2011','Oct 2011','Nov 2011','Dec 2011','Jan 2012','Feb 2012','Mar 2012','Apr 2012','May 2012','Jun 2012','Jul 2012','Aug 2012','Sep 2012','Oct 2012','Nov 2012','Dec 2012','Jan 2013','Feb 2013','Mar 2013','Apr 2013','May 2013','Jun 2013','Jul 2013','Aug 2013','Sep 2013','Oct 2013','Nov 2013','Dec 2013','Jan 2014','Feb 2014','Mar 2014','Apr 2014','May 2014','Jun 2014','Jul 2014','Aug 2014','Sep 2014','Oct 2014','Nov 2014','Dec 2014','Jan 2015','Feb 2015','Mar 2015','Apr 2015','May 2015','Jun 2015','Jul 2015','Aug 2015','Sep 2015','Oct 2015','Nov 2015','Dec 2015','Jan 2016','Feb 2016','Mar 2016','Apr 2016','May 2016','Jun 2016','Jul 2016','Aug 2016','Sep 2016','Oct 2016','Nov 2016','Dec 2016','Jan 2017','Feb 2017','Mar 2017
']), 'Mon YYYY') AS date,
unnest(array[Apr11,May11,Jun11,Jul11,Aug11,Sep11,Oct11,Nov11,Dec11,Jan12,Feb12,Mar12,Apr12,May12,Jun12,Jul12,Aug1