如何使用谷歌地图地理编码获取城市

how to get the city using Google Maps Geocoder

本文关键字：编码 获取 城市 何使用 谷歌地图      更新时间：2023-09-26


我正在使用Wordpress开发一个网站，我正在使用一个主题，该主题允许插入名为"属性"的自定义帖子；这些功能是在自定义页面模板中处理的。在这个页面中，我可以添加属性的地址，它有自动完成地理编码的建议。这是代码：

this.initAutoComplete = function(){
            var addressField = this.container.find('.goto-address-button').val();
            if (!addressField) return null;
            var that = thisMapField;
            $('#' + addressField).autocomplete({
                source: function(request, response) {
                    // TODO: add 'region' option, to help bias geocoder.
                    that.geocoder.geocode( {'address': request.term }, function(results, status) {
                        //$('#city').val(results.formatted_address);
                        response($.map(results, function(item) {
                            $('#city').val(item.formatted_address);
                            return {
                                label: item.formatted_address,
                                value: item.formatted_address,
                                latitude: item.geometry.location.lat(),
                                longitude: item.geometry.location.lng()
                            };
                        }));
                    });
                },
                select: function(event, ui) {
                    that.container.find(".map-coordinate").val(ui.item.latitude + ',' + ui.item.longitude);
                    var location = new window.google.maps.LatLng(ui.item.latitude, ui.item.longitude);
                    that.map.setCenter(location);
                    // Drop the Marker
                    setTimeout(function(){
                        that.marker.setValues({
                            position: location,
                            animation: window.google.maps.Animation.DROP
                        });
                    }, 1500);
                }
            });
        }

当点击一个地址时，地图会用收到的坐标绘制一个制造商。我想从点击的地址中提取城市，并将该值输入到另一个输入字段中。我该怎么做？谢谢

查看文档您需要访问address_components并查找类型locality、political，因此类似于以下内容： 
var city = '';
item.address_components.map(function(e){ 
    if(e.types.indexOf('locality') !== -1 &&
       e.types.indexOf('political') !== -1) {
        city = e.long_name;
    }
});
$('#city').val(city);
相关文章：