johan pretorius johan--

Meta Gist

PostgreSQL and PostGIS queries
CartoCSS styles
CARTO.js blocks
DI.js blocks
Leaflet.js blocks
Other blocks
Others

This example shows how to create a Leaflet map with a basemap and an empty CartoDB.js layer. Once the layer is created a function is attached the event of the layers selector checkboxes so on any state change, the sublayers are removed and recreated according to the user selection.

On this map we create two CartodB layers, one of them is built with two sublayers. In order to control when they are added to the map, we save the promises objects and use the jQuery.when function to execute the code to add the layers to the map when both promises are executed.

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR I

	SELECT
	1 as cartodb_id, length, shape as the_geom, 'Madrid' as origin
	FROM
	cdb_route_point_to_point(
	cdb_geocode_namedplace_point('Madrid', 'Spain'),
	cdb_geocode_namedplace_point('Rome', 'Italy'),
	'car')
	UNION ALL
	SELECT
	2 as cartodb_id, length, shape as the_geom, 'Paris' as origin

	WITH ap AS (
	SELECT
	array_agg(the_geom) as arr
	FROM
	etapas
	)
	SELECT
	(cdb_route_with_waypoints(arr, 'walk')).*
	FROM
	ap

	source 'https://rubygems.org'

	# default gems here
	#---------------------------

	# add paperclip and bootstrap

	gem "paperclip", "~> 4.1"
	gem 'bootstrap-sass', '~> 3.1.1'

	require 'cucumber'
	require 'selenium-webdriver'
	# require 'cukehub' # optional, but recommended. See cukehub.com for more details

	caps = Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: { binary: "/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary",
	args: [ "--headless" ]})

	Before do
	@browser = Selenium::WebDriver.for :chrome, desired_capabilities: caps
	end

	<!doctype html>
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<base href="/">
	<title></title>


	<style>
	* {
	font-family: Verdana;
	}

	.node {
	border: solid 1px white;
	font: 10px sans-serif;
	line-height: 12px;