Skip to content

Instantly share code, notes, and snippets.

@vaertsen
vaertsen / index.html
Created May 18, 2017 07:46
Obtain info from polygon that intersects with marker [CARTO]
<!DOCTYPE html>
<html>
<head>
<title>Obtain info from polygon that intersects with marker</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- include cartodb.js and cartodb.css library -->
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
@vaertsen
vaertsen / index.html
Last active May 14, 2022 23:07
Draggable marker with popup window: Latlng and Street info [LEAFLET]
<!DOCTYPE html>
<html>
<head>
<title>Draw draggable marker with popup window: Latlng and Street info</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- include cartodb.js and cartodb.css library -->
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
@vaertsen
vaertsen / index.html
Last active April 13, 2018 11:16
Choropleth map with time range slider [CARTO]
<!doctype html>
<head>
<title>Choropleth map with time range slider</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
@vaertsen
vaertsen / index.html
Last active May 17, 2017 19:17
Highlight a hovered polygon (version 2): New polygon + Infobox [CARTO]
<!DOCTYPE html>
<html>
<head>
<title>Highlight a hovered polygon (version 2): New polygon + Infobox</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />
@vaertsen
vaertsen / index.html
Last active May 17, 2017 19:17
Highlight a hovered polygon (version 1): CSS change + Tooltip [CARTO]
<!DOCTYPE html>
<html>
<head>
<title>Highlight a hovered polygon (version 1): CSS change + Tooltip (CARTO)</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" />