Ember Map provides you with google-map and yandex-map components.
To use google apiKey you need to set it in config/environment.js.
ENV['ember-cli-map'] = { googleApiKey: 'MYsecretKEY' };
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); } }
[Licensed under MIT license] 1