Ember-Leaflet CartoDB.js Layer
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
addon
app
config
tests
vendor
.bowerrc
.editorconfig
.ember-cli
.gitignore
.jshintrc
.npmignore
.travis.yml
.watchmanconfig
CONTRIBUTING.md
LICENSE.md
README.md
bower.json
ember-cli-build.js
index.js
package.json
testem.js

README.md

ember-leaflet-cartodb

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

NPM Build Status Ember Observer Score

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