Jorge Sanz jsanz

Notebook available at:

https://nbviewer.jupyter.org/gist/jsanz/22de75a321475485219d67a3740193f5

# coding: utf-8

# # Processing FOSS4G 2019 abstracts submitted

Just a minimal CARTO.js example with the defalut Leaflet Control Geocoder.

Simply add the JS and CSS imports

<!-- Geocoder-->
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>

Minimal example on how to wrap Airship components as a Vue ones and then use them on a CARTO VL visualization. This just outlines the procedure explained in the Airship + Vue guide.

On this minimal example a layer switcher component is used to handle the UI so it only knows about its state, and then emits input methods to the parent Vue instance to allow mapping the boolean property of the sweitcher and then react to changes on it on the layer.

A range slider is used twice (to show component reusability) to allow filtering the visualization by a couple of fields.

Check also how the isLayerVisible computed variable is used for conditional rendering of several classes and widgets disable.

These are the steps to test the new CARTO COPY endpoint (more details here and here.

Downloaded a Brooklyn PLUTO shapefile from here as a data testing example.
Generated a 1 row dataset to upload to CARTO the definition of the shapefile
Uploaded it to CARTO using normal Import API (with a client I have for convenience)
Removed the row
Converted the original shapefile into a PGDump file
Generated the COPY command using the third line of bkmappluto.txt
Removed first 4 and last 2 lines of the resulting $file.
Encoding the COPY command to be used on a URL, I run curl command to upload the dataset

	# Minimal Docker Compose cluster for ElasticSearch and Kibana 7.4
	# Put this file any folder creating "logs" and "esdata" folders
	# to persist the cluster indices and kibana state

	version: "3"
	services:
	elasticsearch:
	image: docker.elastic.co/elasticsearch/elasticsearch:7.4.0
	container_name: elasticsearch
	ports:

	#!/usr/bin/env python
	# coding: utf-8

	# In[ ]:


	get_ipython().system('pip3 install -U InstagramApi')


	# In[37]:

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>CARTO VL: Switch the basemap</title>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="shortcut icon" href="https://carto.com/favicon.ico">

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>CARTO VL: Selection by polygon example</title>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="shortcut icon" href="https://carto.com/favicon.ico">

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="https://libs.cartocdn.com/airship-style/v1.0.3/airship.css">
	<script src="https://libs.cartocdn.com/airship-components/v1.0.3/airship.js"></script>
	<script src="https://libs.cartocdn.com/carto-vl/v1.0.0/carto-vl.min.js"></script>
	<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js"></script>