ng-map-autocomplete/examples/advanced.js

Google maps autocomplete directive for AngularJS

angular.module( "Test", ['ngMapAutocomplete'])
  .controller("TestCtrl", function ($scope) {
    
    $scope.result = '';
    $scope.options = {};

    $scope.form = {
      type: 'geocode',
      bounds: {SWLat: 49, SWLng: -97, NELat: 50, NELng: -96},
      country: 'ca',
      typesEnabled: false,
      boundsEnabled: false,
      componentEnabled: false,
      watchEnter: true
    };

    //watch form for changes
    $scope.watchForm = function () {
      return $scope.form;
    };
    $scope.$watch($scope.watchForm, function () {
      $scope.checkForm();
    }, true);


    //set options from form selections
    $scope.checkForm = function() {

      $scope.options = {};

      $scope.options.watchEnter = $scope.form.watchEnter;

      if ($scope.form.typesEnabled) {
        $scope.options.types = $scope.form.type;
      }
      if ($scope.form.boundsEnabled) {

        var SW = new google.maps.LatLng($scope.form.bounds.SWLat, $scope.form.bounds.SWLng);
        var NE = new google.maps.LatLng($scope.form.bounds.NELat, $scope.form.bounds.NELng);
        var bounds = new google.maps.LatLngBounds(SW, NE);
        $scope.options.bounds = bounds;

      }
      if ($scope.form.componentEnabled) {
        $scope.options.country = $scope.form.country;
      }
    };

    $scope.processForm = function () {
      $scope.sendForm = true;
    };

    $scope.$on('mapentrySelected', function(event, data) { 
      if($scope.sendForm) {
        $scope.sendForm = false;
        console.log('Sending form with:');
      } else {
        console.log('New place selected:');
      }
      console.log(data);
    });

  });