jquery - 谷歌地图地理编码器 : Return postal_code

标签 jquery google-maps-api-3 geocoding google-geocoder

我正在使用 Jquery UI 自动完成地址搜索 Google Maps Geocoder ,当选择一个地址时,它会返回地理编码信息。这是片段:

$('#address-dropdown').autocomplete({
  //Use geocoder to fetch lat+long values from an address input using google maps API
  source: function(request, response) {
    geocoder.geocode( {'address': request.term }, function(results, status) {
      response($.map(results, function(item) {
        return {
          label: item.formatted_address,
          value: item.formatted_address,
          location: item.geometry.location,
          latitude: item.geometry.location.lat(),
          longitude: item.geometry.location.lng()
        }
      }));
    })
  },

我需要能够返回用户“邮政编码”以检查他们是否居住在允许的区域内。以下是输出示例:http://maps.googleapis.com/maps/api/geocode/json?address=1601+Main+St+Eaton+Rapids+MI+48864&sensor=false

如何定位 postal_code 信息?

最佳答案

看我的例子:http://jsfiddle.net/nEKMK/

o 是您的对象。

if (o.results[0].address_components) {
    for (var i in o.results[0].address_components) {
        if (typeof(o.results[0].address_components[i]) === "object" && o.results[0].address_components[i].types[0] == "postal_code") {
            var result = o.results[0].address_components[i].long_name;
        }
    }
}
if (!result) {
    alert("Error, there is no postal code");
} else {
   alert(result);
}

关于jquery - 谷歌地图地理编码器 : Return postal_code,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8380511/

相关文章:

html - 使用 jQuery 更改链接点击上的 Woocommerce 产品数量

javascript - 有没有办法始终将 Google map 标记固定在其 map 的中心?

javascript - 使用 Google Maps API v3 裁剪部分 map

javascript - 如何找出页面加载时间缓慢的决定因素?

java - 在java中将地址转换为纬度和经度以获得基于距离的建议

javascript - 使用 jquery 关闭当前模态并打开新模态

javascript - 我如何在 Dojo 中执行 JS XHR 响应?

jquery - 无法将 div 容器居中

maps - Google Maps API 系列使用的域列表

google-maps - 从 Google map 获取边界多边形坐标