2013-02-26 221 views
4

里面我的LatLng有一个典型的多边形谷歌地图与一些的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); 

这些都是谷歌的文档中的百慕大三角COORDS。我也有一些随机坐标,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文档,但找不到任何提供 这个问题的答案。

回答

8

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

containsLocation(点:经纬度,多边形:多边形)布尔计算给定的点是否位于指定的多边形内。

proof of concept fiddle

代码片断:

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"></script> 
 
<div id="map_canvas"></div>

1

如果Google Maps API没有专门的方法,那么您需要查找或编写自己的方法。这是计算机图形学中的一个常见问题,如果您使用Google“多边形点击测试”,您会发现大量信息。 This SO answer看起来相当全面。

0

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