html - 使用地理位置获取用户的状态

Question

获取美国用户所在州的最有效方法是什么？ HTML5 地理定位是否是一种无需涉及谷歌地图的选项？

Answer 1

这里有几个 JavaScript 和 JSON 示例(在 jQuery 的帮助下)同时使用 IP 查找方法(在 IPinfoDB 的帮助下)和 Geolocation API方法(在 Google Maps API 和 YQL 的帮助下)。

在这两个示例中，我都在检索地区和国家/地区，但您可以从多个值中进行选择。请注意，这些示例不进行任何错误处理，为简洁起见，此处对它们进行了编辑，否则请参阅 the full demo .

JavaScript 中的 IP 查找

这种方法很好，因为它易于实现，并且在国家层面相当准确，但对于任何更具体的事情，准确度会大大下降。

// API key excluded for brevity, see full demo.
var apiurl = 'http://api.ipinfodb.com/v3/ip-city';
$.getJSON(apiurl+'/format=json&callback=?',
    function(data){
        $("h3#location").html(data.regionName + ", " + data.countryName);
    }
);

地理定位API

虽然绝非完美，但此方法非常准确。提示用户共享地理位置详细信息，这可能会减少使用量。

navigator.geolocation.getCurrentPosition(function(pos){
    $.getJSON(apiurl+'/format=json&callback=?',
        function(data){
            var regionName = data[...]AdministrativeAreaName;
            var countryName = data[...]CountryName;
            $("h3#location").html(regionName + ", " + countryName);
        }
    );
});

在那里你会看到我使用了 Google Maps API v3通过 YQL这样就可以进行 JSON 回调。

完整演示:http://jsfiddle.net/ZjXXh