googleplace-autocomplete.js

myApp.directive('googleplaceAutocomplete', function () {
    return {
      restrict: 'A',
      require: 'ngModel',
      scope: {
        googleplaceAutocompletePlace: '=?',
        googleplaceAutocomplete: '=',
      },
      link: function postLink(scope, element, attrs, model) {
        var options = scope.googleplaceAutocomplete;
        var autocomplete = new google.maps.places.Autocomplete(element[0], options);

        google.maps.event.addListener(autocomplete, 'place_changed', function () {
          scope.$apply(function () {
            scope.googleplaceAutocompletePlace = autocomplete.getPlace();
            model.$setViewValue(element.val());
          });
        });

        scope.$on('$destroy', function () {
          google.maps.event.clearInstanceListeners(element[0]);
        });
      }
    };
  });

Sorry but your modification of Easy AngularJS Directive for Google Places Autocomplete doesn't work. It gives me the following warnings:

• Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
• Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required

@Nezahual to solve this warnings you have to add your api key and don't use sensor parameter.
https://developers.google.com/maps/documentation/javascript/get-api-key
The problem may be other thing.

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=yourapikey&libraries=places"></script>