7

我在谷歌地图上设置了一个带有一些 latLng 的典型多边形:

var bermudaTriangle = new google.maps.Polygon({
  paths: [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737),
  ]
});
bermudaTriangle.setMap(map);

这些是谷歌文档中的百慕大三角坐标。我也有一些随机坐标,saaay:

var coord1 = new new google.maps.LatLng(26.194876675795218,-69.8291015625)
var coord2 = new new google.maps.LatLng(33.194876675795218,-63.8291015625)

第一个恰好在三角形内部,第二个恰好在三角形外部。这些只是示例,我需要的是一种方法来找出提供的坐标(不仅仅是这两个坐标中的一个,任何坐标)是否在多边形内部或外部(同样,并不总是百慕大三角形,甚至不是三角形- 多边形可以有任意数量的 latLng)。我查看了 Google Maps API 文档,但找不到任何可以回答这个问题的函数。

4

4 回答 4

9

使用containsLocation(point:LatLng, polygon:Polygon)方法。

containsLocation(point:LatLng, polygon:Polygon) boolean 计算给定点是否位于指定多边形内。

概念证明小提琴

代码片段:

function checkInPolygon(marker, polygon) {
  var infowindow = new google.maps.InfoWindow();
  var html = "";
  if (google.maps.geometry.poly.containsLocation(marker.getPosition(), polygon)) {
    html = "inside polygon";
  } else {
    html = "outside polygon";
  }
  infowindow.setContent(html);
  infowindow.open(map, marker);
}

var map;
var coord1 = new google.maps.LatLng(26.194876675795218, -69.8291015625);
var coord2 = new google.maps.LatLng(33.194876675795218, -63.8291015625);

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  bermudaTriangle.setMap(map);
  var bounds = new google.maps.LatLngBounds();
  for (var i = 0; i < bermudaTriangle.getPath().getLength(); i++) {
    bounds.extend(bermudaTriangle.getPath().getAt(i));
  }
  bounds.extend(coord1);
  bounds.extend(coord2);
  var marker1 = new google.maps.Marker({
    map: map,
    position: coord1
  });
  var marker2 = new google.maps.Marker({
    map: map,
    position: coord2,
  });
  map.setCenter(bounds.getCenter());
  map.setZoom(3);
  checkInPolygon(marker1, bermudaTriangle);
  checkInPolygon(marker2, bermudaTriangle);
}
google.maps.event.addDomListener(window, "load", initialize);

var bermudaTriangle = new google.maps.Polygon({
  paths: [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737),
  ]
});
html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry&key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="map_canvas"></div>

于 2013-02-26T19:29:18.367 回答
2

如果 Google Maps API 没有专门针对此的任何方法,那么您需要找到或编写自己的方法。这是计算机图形学中的一个常见问题,如果您在 Google 上搜索“多边形命中测试”,您会发现大量信息。 这个 SO 答案看起来相当全面。

于 2013-02-26T19:25:55.583 回答
2

在 V3 API 中有 google.maps.geometry.poly.containsLocation 静态方法。

请参阅https://developers.google.com/maps/documentation/javascript/reference#poly

所以你只需要传递多边形和你想要检查它是否在多边形内的点。

于 2013-02-26T19:38:01.730 回答
1

看看 wikipedia Point in polygon page。有几种方法可以确定该点是否在多边形内。其中之一是光线投射算法。这个页面有一些关于如何在谷歌地图中实现的例子。

于 2013-02-26T19:26:02.320 回答