我是新手,想了解如何在AngularJS中实现地理编码服务。具体来说,当我填写完整地址后,如何自动填充其他字段(邮政编码、城市、国家、纬度和经度)?我想实现类似这个页面在Angular中的效果。请帮帮我。
我已经有代码可以填充完整地址:
我已经有代码可以填充完整地址:
app.directive('googlePlaces', function(){
return {
restrict:'E',
replace:true,
// transclude:true,
scope: {location:'='},
template: '<input type="text" id="fulladdress" name="fulladdress" ng-model="enterprise.fulladdress" class="form-control text-field" placeholder="">',
link: function($scope, elm, attrs){
var autocomplete = new google.maps.places.Autocomplete($("#country")[0], {});
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
$scope.location = place.geometry.location.lat() + ',' + place.geometry.location.lng();
$scope.$apply();
});
}
}
});
并且HTML:
<div class="form-group enterprise-form">
<label>Full Address</label>
<google-places location=location></google-places>
</div>
我想要填充两个或三个更多的字段 纬度、经度、邮政编码
。我能够扩展我的指令来实现这一点吗?如果可以,应该如何操作?