使用谷歌地图验证地址 - 检查地址

Posted 2023-02-23

【中文标题】使用谷歌地图验证地址 - 检查地址

【英文标题】：Address validation using Google Maps - Check Address

【发布时间】：2017-12-25 04:46:57

【问题描述】：

我允许用户使用 Google 地图在他们的帖子中添加地址。

如果用户没有为地图输入任何内容或输入奇怪的特殊字符 (#$!@#)，它会使网站崩溃并给我这个错误：

var lat = data.results[0].geometry.location.lat;
                  ^
TypeError: Cannot read property 'results' of undefined

我正在尝试找出一种在提交表单时检查此错误的方法。到目前为止，我的运气为零。是否可以检查此错误？

我见过这样的代码，但一切都是未定义的，我不确定在这种情况下如何定义它，坦率地说，我不确定下面的代码是如何运行的。

  if (status == google.maps.GeocoderStatus.OK) 
        var lat = results[0].geometry.location.lat();
        var lon = results[0].geometry.location.lng();
        searchStores(lat, lon);
     else 
        $addressErrorP.removeClass('hide');
    

感谢您的帮助！

【参考方案1】：

想通了：简单而完美。

第 1 步：确保这在您的页面上。

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>

然后

$('#checkingAddress').click(checkGeocode)

function checkGeocode() 
  var addr = document.getElementById('location')
  // Get geocoder instance
  var geocoder = new google.maps.Geocoder()

  // Geocode the address
  geocoder.geocode( address: addr.value , function (results, status) 
    if (status === google.maps.GeocoderStatus.OK && results.length > 0) 
      alert('looks good')
      // set it to the correct, formatted address if it's valid
      addr.value = results[0].formatted_address

      // show an error if it's not
     else alert('Invalid address')
  )