pretender91/ember-cli-map

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

Ember Map

Ember Map provides you with google-map, yandex-map and google-map-autocomplete(when you don't need 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'}}

{{google-map-autocomplete action='updateModel' class='customClass' placeholder='customPlaceholder'}}

#In your route/controller

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

License

[Licensed under MIT license] 1