Google places angular directive that splits out the city, state, country, latitude and longitude

gistfile1.js

angular.module('app').directive('googleplace', [ function() {
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, model) {
            var options = {
                types: ['(cities)'],
                componentRestrictions: {}
            };

            scope.gPlace = new google.maps.places.Autocomplete(element[0], options);

            google.maps.event.addListener(scope.gPlace, 'place_changed', function() {
                var geoComponents     = scope.gPlace.getPlace();
                var latitude          = geoComponents.geometry.location.A;
                var longitude         = geoComponents.geometry.location.F
                var addressComponents = geoComponents.address_components;

                addressComponents = addressComponents.filter(function(component){
                    switch (component.types[0]) {
                        case "locality": // city
                            return true;
                        case "administrative_area_level_1": // state
                            return true;
                        case "country": // country
                            return true;
                        default:
                            return false;
                    }
                }).map(function(obj) {
                    return obj.long_name;
                });

                addressComponents.push(latitude, longitude);

                scope.$apply(function() {
                    scope.details = addressComponents;
                    model.$setViewValue(element.val());
                });
            });
        }
    };
}]);