确定是否在城市内或附近

Question

如何确定用户是否在城市内或附近。附近是指 50 英里以内。

这对于 HTML5 地理位置是否可行，如果可以，我如何使用它以便它与 switch 语句一起使用。

或者既然它可以在 50 英里之内，我是否必须使用一系列 if、else if 和 else？

例如

switch(location){
    case 'San Francisco':

然后我可以运行一些 js。

如果我不知道从哪里开始，我将不胜感激。

Answer 1

有不同的方法可以得到你想要的东西，有些比其他的更复杂，我会给你简单的，或者至少是我能想到的最简单的方法（甚至认为我花了一段时间来编写它：/ ）。您可以拥有一个包含旧金山附近位置的数组，并获取用户当前所在城市的名称，然后与该数组进行比较。

if("geolocation" in navigator){
    var lat, lon
    var locations = ['richmond', 'berkeley', 'daly city', 'oakland', 'san francisco'];

    $('button').click(function(){
        navigator.geolocation.getCurrentPosition(function(pos){
            lat = pos.coords.latitude; // 37.789709 SF lat
            lon = pos.coords.longitude; // -122.445771 SF lon
            var geoAPI = 'http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+lon+'&sensor=true';
            $.getJSON(geoAPI).done(function(res){
                var results = res.results;
                var address = results[2].address_components;
                var city = address[1].long_name.toLowerCase();
                console.log(city);
                if(jQuery.inArray(city, locations) !== -1){
                    alert('You are in San Francisco or nearby');
                }

            });
        });
    });
}

我已经硬编码了旧金山的 lat,lon 值，因此您可以看到它的工作原理，只需取消注释用于生产的真实代码，还请注意 Google 地图 API 返回一个具有不同地址精度级别的数组，所以理想情况下，你应该循环并确认每一个，我会把它留给你。我希望这可以解决您的问题或至少可以帮助您，祝您好运=）

jsfiddle Demo

编辑：删除了硬编码的坐标并将它们作为 cmets，因此代码应该可以立即工作，无需取消注释，除非您想测试 SF 并且您不在其中。