tourgent-ember-g-map/addon/components/g-map-address-route.js

An ember-cli addon for integration with google maps.

import Ember from 'ember';
import layout from '../templates/components/g-map-address-route';
/* global google */

const { computed, observer, run, isPresent, isEmpty, typeOf } = Ember;

const GMapAddressRouteComponent = Ember.Component.extend({
  layout: layout,
  classNames: ['g-map-address-route'],

  map: computed.alias('mapContext.map'),

  didInsertElement() {
    this._super();
    this.initPlacesService();
  },

  mapWasSet: observer('map', function() {
    run.once(this, 'initPlacesService');
  }),

  initPlacesService() {
    const map = this.get('map');
    let service = this.get('placesService');

    if (isPresent(map) && isEmpty(service)) {
      service = new google.maps.places.PlacesService(map);
      this.set('placesService', service);
      this.searchLocations();
    }
  },

  onAddressChanged: observer('originAddress', 'destinationAddress', 'waypoints', function() {
    run.once(this, 'searchLocations');
  }),

  searchLocations() {
    const service = this.get('placesService');
    const originAddress = this.get('originAddress');
    const destinationAddress = this.get('destinationAddress');

    if (isPresent(service) && isPresent(originAddress)) {
      const originRequest = { query: originAddress };

      service.textSearch(originRequest, (results, status) => {
        if (status === google.maps.places.PlacesServiceStatus.OK) {
          if (!this.isDestroyed) {
            this.updateOriginLocation(results);
          }
        }
      });
    }

    if (isPresent(service) && isPresent(destinationAddress)) {
      const destinationRequest = { query: destinationAddress };

      service.textSearch(destinationRequest, (results, status) => {
        if (status === google.maps.places.PlacesServiceStatus.OK) {
          if (!this.isDestroyed) {
            this.updateDestinationLocation(results);
          }
        }
      });
    }
  },

  updateOriginLocation(results) {
    const lat = results[0].geometry.location.lat();
    const lng = results[0].geometry.location.lng();

    this.set('originLat', lat);
    this.set('originLng', lng);
    this.sendOnLocationsChange(lat, lng, results);
  },

  updateDestinationLocation(results) {
    const lat = results[0].geometry.location.lat();
    const lng = results[0].geometry.location.lng();

    this.set('destinationLat', lat);
    this.set('destinationLng', lng);
    this.sendOnLocationsChange(lat, lng, results);
  },

  sendOnLocationsChange() {
    const { onLocationsChange } = this.attrs;

    if (typeOf(onLocationsChange) === 'function') {
      onLocationsChange(...arguments);
    } else {
      this.sendAction('onLocationsChange', ...arguments);
    }
  }
});

GMapAddressRouteComponent.reopenClass({
  positionalParams: ['mapContext']
});

export default GMapAddressRouteComponent;