检查坐标是否包含在谷歌地图的圆圈内？

Question

我正在尝试制作一个应用程序来告诉我坐标是否包含在circle 中。

每次我点击地图上的一个点时，我都会得到坐标。我想知道这个新坐标是否包含在圆圈内

我也想知道如何让一个圆圈占据一个坐标周围 5 米的范围。在我的示例中，半径为：50000，但我不知道如何执行转换以设置以米为单位的值。

这是我的代码：

http://plnkr.co/edit/OI4sjcuS526rFYxPnvDv?p=preview

function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat:4.624335 , lng: -74.063644 },
        zoom: 5,
    });

    //circle coordinates
    var circle = new google.maps.Circle({
        map: map,
        radius: 50000,    
        fillColor: '#FFFFFF',
        opacity:0,
        center:{lat:4.624335 , lng: -74.063644 }
    });   

    google.maps.event.addListener(map, 'click', function(e) {
        //I get new coordinates ( e.latLng)
    });
}

谢谢！

更新

他们已使用此解决方案将此问题标记为重复 (http://jsfiddle.net/kaiser/wzcst/embedded/result/)

但这并不能真正解决我的问题，因为正如您在图像中看到的那样，解决方案失败了。

Answer 1

根据我在你的问题中的理解，你想要做的是

1. 显示地图
2. 在地图中创建一个圆圈
3. 点击地图后， 确定该点是在圆外还是在圆内

在 SO：Check if a latitude and longitude is within a circle google maps 中有一篇关于此的帖子。如果您检查接受的答案（天才算法归功于Guffa），他使用此功能检查该点是否在半径内：

// credits to user:69083 for this specific function
function arePointsNear(checkPoint, centerPoint, km) { 
   var ky = 40000 / 360;
   var kx = Math.cos(Math.PI * centerPoint.lat / 180.0) * ky;
   var dx = Math.abs(centerPoint.lng - checkPoint.lng) * kx;
   var dy = Math.abs(centerPoint.lat - checkPoint.lat) * ky;
   return Math.sqrt(dx * dx + dy * dy) <= km;
}

现在，至于您想要实现的目标，您只需将其添加到您的点击事件中即可。这是我所做的：

google.maps.event.addListener(map, 'click', function(event) {
  var click = event.latLng;
  var locs = {lat: event.latLng.lat(), lng: event.latLng.lng()};
  var n = arePointsNear(user, locs, diameter);

然后我添加了条件，如果函数返回true，标记将有一个标签“I”（inside的缩写）。

  if(n){
    marker = new google.maps.Marker({
      map: map,
      position: locs,
      label: {
        text:"I", //marking all jobs inside radius with I
        color:"white"
      }
    });

如果没有，那么标记将被标记为“O”（outside 的缩写）...

  }else{
    marker = new google.maps.Marker({
      map: map,
      position: locs,
      label: {
        text:"O", //marking all jobs outside radius with O
        color:"white"
      }
    });
  }
});

这是我创建的示例应用程序，以防您想查看它的实际效果： http://jsbin.com/hujusod/edit?js,output

这可能与Check if a latitude and longitude is within a circle google maps 重复。或How To Display Content Based on Closest Lat/Long to Entered Address。

但是由于函数以不同的方式使用，我发布了我的答案来帮助你做你最初打算做的事情。如果您只需要这个，请随意对 arePointsNear 函数的来源进行投票。

我希望这会有所帮助！