knownasilya/ember-leaflet-cartodb

Ember-Leaflet CartoDB.js Layer

ember-leaflet-cartodb

Ember-Leaflet CartoDB.js layer component
{{cartodb-layer url='...'}}

Installation

This component only works when using ember-leaflet, so install that first.

ember install ember-leaflet-cartodb

Usage

{{#leaflet-map lat=lat lng=lng zoom=zoom as |layers|}}
  {{layers.tile url='http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'}}
  {{cartodb-layer url='http://nacis-workshop.cartodb.com/api/v2/viz/569d1940-336d-11e3-af98-5f54611e93d5/viz.json' zIndex=1}}
{{/leaflet-map}}

Note: Example is using Ember 2.3's Contextual Components feature.

API

{{cartodb-layer}}

A layer that takes a CartoDB viz url and renders it on the map.

url

Takes a string, in the following form:

http://documentation.cartodb.com/api/v2/viz/836e37ca-085a-11e4-8834-0edbca4b5057/viz.json

onClick

An action that is fired when clicking a layer that has interactivity. All arguments are the same as those of Carto's featureClick event. This only works if using a version of Leaflet less then 1.0, so update your bower.json accordingly.

{{cartodb-layer url='' onClick=(action 'mapClick')}}

legends

Disable the legend that comes from CartoDB. Defaults to true (enabled).

infowindow

Disable the infowindow that opens if interactivity is set on one of the sublayers.

zIndex

Set the ordering of the layer compared to other layers used.

sql

Change the SQL query used in the Carto Viz provided by url.

Contributing

CONTRIBUTING.md