javascript – 自动完成后,在Google地图中解析address_components选择

前端之家收集整理的这篇文章主要介绍了javascript – 自动完成后,在Google地图中解析address_components选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当选择自动填充列表时,我有以下代码来解析国家/地区:
$('#spot_address').autocomplete({
  // This bit uses the geocoder to fetch address values
  source: function(request,response) {
    geocoder.geocode( {'address': request.term },function(results,status) {
      // Get address_components
      for (var i = 0; i < results[0].address_components.length; i++)
      {
        var addr = results[0].address_components[i];
        var getCountry;
        if (addr.types[0] == 'country') 
          getCountry = addr.long_name;
      }
      response($.map(results,function(item) {
        return {
          label: item.formatted_address,value: item.formatted_address,latitude: item.geometry.location.lat(),longitude: item.geometry.location.lng(),country: getCountry
        }
      }));
    })
  },// This bit is executed upon selection of an address
  select: function(event,ui) {
    // Get values
    $('#spot_country').val(ui.item.country);
    $('#spot_lat').val(ui.item.latitude);
    $('#spot_lng').val(ui.item.longitude);
    var location = new google.maps.LatLng(ui.item.latitude,ui.item.longitude);
    marker.setPosition(location);
    map.setCenter(location);
  },// Changes the current marker when autocomplete dropdown list is focused
  focus: function(event,ui) {
    var location = new google.maps.LatLng(ui.item.latitude,ui.item.longitude);
    marker.setPosition(location);
    map.setCenter(location);
  }
});

然而,上面的代码不起作用,当国家被解析时,只有自动完成的第一个结果被解析,无论数据结果[0]是什么,因为它只获取第一个结果.

我试图将它移动到选择功能,但是在选择中的ui只包含格式化地址,经度和纬度,但不包含address_components.

选择自动填写列表项目时,请务必发送正确的国家/地区?

非常感谢.

解决方法

一般解决方案:
var address_components = results[0].address_components;
var components={}; 
jQuery.each(address_components,function(k,v1) {jQuery.each(v1.types,function(k2,v2){components[v2]=v1.long_name});})

现在你的组件看起来像这样:

street_number: "1100",route: "E Hector St",locality: "Conshohocken",political: "United States",administrative_area_level_3: "Whitemarsh"…
administrative_area_level_1: "Pennsylvania"
administrative_area_level_2: "Montgomery"
administrative_area_level_3: "Whitemarsh"
country: "United States"
locality: "Conshohocken"
political: "United States"
postal_code: "19428"
route: "E Hector St"
street_number: "1100"

你可以这样查询

components.country
原文链接:https://www.f2er.com/js/155113.html

猜你在找的JavaScript相关文章