Adds a mq-tile-layer component to use inside of ember-leaflet maps
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
LICENSE.md
README.md
bower.json
ember-cli-build.js
index.js
package.json
testem.js

README.md

Ember-leaflet-mapquest-tile

If you want to use MapQuest's Leaflet plugins with an Ember application (more specifically with ember-leaflet [http://www.ember-leaflet.com/]), then you need to include MapQuest's leaflet plugin libraries (see https://developer.mapquest.com/documentation/leaflet-plugins/). Downloading these resources requires your specific MapQuest API key to be passed and each library (maps [for tiles], geocoding, routing and traffic) need to be individually downloaded at run-time. To control this behavior, edit your config/environment.js file as follows:

ENV.MapQuestAPI = {
    key: 'your_super_secret_api_key',
    map: 'true',        //default is 'true'
    geocoding: 'true',  //default is 'false'
    routing: 'true',    //default is 'false'
    traffic: 'true'     //default is 'false'
    version: '2.2'      //default is '2.2', this is the MapQuest API version number to use.
  };

This plugin includes a dependency to mapquest-leaflet-shims to download the required resources from MapQuest with your API Key as they are required to use this ember-leaflet tile layer. You may want to use the other shims provided as well for geocoding, routing, and traffic services as needed.

To install into your project, simply run:

  • ember install ember-leaflet-mapquest-tile
  • edit your environment.js file accordingly

Then drop in the tile layer into your ember-leaflet leaflet-map:

{{#leaflet-map bounds=routeBounds}}
  {{mq-tile-layer}}
{{/leaflet-map}}

To access shims in your code, use the global MQ object:

let geocode = MQ.geocode(); //MQ is global
return new RSVP.Promise(function(resolve, reject) {
  geocode.search(locationObj)
    .on('success', function(e) {
      let bestMatch = e.result.best;
      resolve(bestMatch);
    });
});

Installation

  • git clone <repository-url> this repository
  • cd ember-leaflet-mapquest-tile
  • npm install
  • bower install

Running

Running Tests

  • npm test (Runs ember try:each to test your addon against multiple Ember versions)
  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://ember-cli.com/.