❤
npm
Sign UpSign In

ember-cli-map

0.4.2 • Public • Published

Ember Map

Build Status npm version

Ember Map provides you with google-map and yandex-map components.

Add Maps Libraries

To use google apiKey you need to set it in config/environment.js.

ENV['ember-cli-map'] = {
  googleApiKey: 'MYsecretKEY'
};

Model Setup

Declare fields to use with map component:

asGoogleMap: ['lat', 'long', 'zoom'] // or
asYandexMap: ['lat', 'long', 'zoom']

Example:

export default DS.Model.extend({
    lat:       DS.attr('number'),
    long:      DS.attr('number'),
    zoom:      DS.attr('number'),
    asGoogleMap: ['lat', 'long', 'zoom']
});

In your template

{{google-map model=model action='updateModel'}}
{{yandex-map model=model action='updateModel'}}

In your route/controller

actions: {
  updateModel(newCoordinates) {
    this.get('currentModel').setProperties(newCoordinates);
  }
}

License

[Licensed under MIT license] 1

Readme

Keywords

Package Sidebar

Install

npm i ember-cli-map

Repository

github.com/ember-admin/ember-cli-map

Homepage

github.com/ember-admin/ember-cli-map

Weekly Downloads

2

Version

0.4.2

License

MIT

Last publish

Collaborators

  • valeria
  • opak
  • igorkur
Try on RunKit
Report malware