地理位置邮政编码

Posted 2023-02-23

【中文标题】地理位置邮政编码

【英文标题】：GeoLocation Zip Code

【发布时间】：2011-05-17 15:50:03

【问题描述】：

我正在使用以下代码获取位置和城市，但如果该人允许我，我无法获得它来给我邮政编码。请让我知道这是否可能与此代码有关。如果获得访问权限，它所做的只是填充一个文本字段。

<script type="text/javascript">
  if(navigator.geolocation) 
    navigator.geolocation.getCurrentPosition(function(position) 
     $("#location").val(position.address.city+", "+position.address.region);
  );
 

【参考方案1】：

试试position.address.postalCode

查看我制作的以下演示，了解您的浏览器/设备支持什么

https://jsfiddle.net/gaby/Sx5cj/

【讨论】：

(index):78 [Deprecation] getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS 在控制台中。

@Azimuth 只需使用 https:// 版本的 jsfiddle。也更新了答案。

在 Chrome 中不起作用。 position.address 未定义。

【参考方案2】：

查看最新的html5 Geolocation API，我还没有看到对position.address.city、position.address.region 或position.address.city 的支持。所以，我不得不说目前不支持。

---

更新：

根据@Gaby aka G. Petrioli 的回答，Firefox 似乎支持地址查找

【参考方案3】：

HTML 5 Geolocation API 中不支持地址，但您可以将其与 Google Maps API 结合使用： 这是一个获取邮政编码的示例，但您可以使用它来获取整个地址：

if(navigator.geolocation) 
    navigator.geolocation.getCurrentPosition(function(position) 
        var lat = position.coords.latitude;
        var long = position.coords.longitude;
        var point = new google.maps.LatLng(lat, long);
        new google.maps.Geocoder().geocode(
            'latLng': point,
            function (res, status) 
                var zip = res[0].formatted_address.match(/,\s\w2\s(\d5)/);
                $("#location").val(zip);          
            
        );
    );

【讨论】：

$("#location").val(zip);应该是 $("#location").val(zip[1]);否则它将返回整个数组的内容。

不错的主意，但是现代浏览器中内置了 google api 吗？

@KevinDanikowski 不，您将 google maps api 作为 CDN