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

Ember Map provides you with google-map and yandex-map components.
https://github.com/ember-admin/ember-cli-map

Last synced: 7 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ember-admin/ember-cli-map
• Owner: ember-admin
• Created: 2014-10-08T12:34:51.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-11-19T12:26:40.000Z (about 10 years ago)
• Last Synced: 2025-07-08T23:40:07.125Z (7 months ago)
• Language: JavaScript
• Homepage: https://github.com/ember-admin/ember-cli-map
• Size: 63.5 KB
• Stars: 25
• Watchers: 7
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Ember Map

=========

[![Build Status](https://travis-ci.org/ember-admin/ember-cli-map.svg?branch=master)](https://travis-ci.org/ember-admin/ember-cli-map)

[![npm version](https://badge.fury.io/js/ember-cli-map.svg)](http://badge.fury.io/js/ember-cli-map)

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`.

```javascript

ENV['ember-cli-map'] = {

  googleApiKey: 'MYsecretKEY'

};

```

Model Setup

--------------

Declare fields to use with map component:

```javascript

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

asYandexMap: ['lat', 'long', 'zoom']

```

###Example:

```javascript

export default DS.Model.extend({

    lat:       DS.attr('number'),

    long:      DS.attr('number'),

    zoom:      DS.attr('number'),

    asGoogleMap: ['lat', 'long', 'zoom']

});

```

#In your template

```handlebars

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

```

```handlebars

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

```

#In your route/controller

```javascript

actions: {

  updateModel(newCoordinates) {

    this.get('currentModel').setProperties(newCoordinates);

  }

}

```

License

----

[Licensed under MIT license] [1]

[1]:http://opensource.org/licenses/mit-license.php