Google maps

MapView.js

App.MapView = Ember.View.extend({
  templateName: 'map',
  mapOptions: null,

  init: function () {
    this._super();

    // Enable new gmaps ui
    this.set('mapOptions', App.Config.mapOptions);
    google.maps.visualRefresh = true;
  },

  didInsertElement: function () {
    var $gmap = this.$().find('#gmap'),
      mapOptions = this.get('mapOptions'),
      gmap;

    gmap = new google.maps.Map($gmap.get(0), mapOptions);
    
    
    this.setProperties({
      'controller.gmap': gmap,
      'controller.view': this
    });
  }
});