查找哪个多边形地址位于

Find which polygon address lies in

我在“我的地图”中有一个自定义 Google 地图,它有多个多边形,反映了不同的路线上车区域(例如周一上车区域、周二上车区域等),基本上我想做的是找出特定地址属于哪个多边形。这样我就可以通过单击按钮来确定新用户将属于哪一天的路线,而不必复制地址,转到地图,粘贴,点击搜索并查看它落在哪个多边形中。

我对 Google 地图完全陌生,对它的 API 或 KML/KMZ 文件一点也不熟悉。我看到我可以导出一个自我更新的 KML 或 KMZ 文件,所以也许我可以将它存储在服务器上,然后让程序使用它来找出多边形地址所在的位置,但我不知道如何使用 c# 或我需要使用 javascript 吗?如果需要,我该怎么做?或者有什么方法可以通过 GET 或其他方式直接查询 google?

更新 使用以下代码,我已经能够加载 google 提供的网络链接 kml 文件。现在我想知道如何通过单击按钮从加载的 kml 中找到输入地址所在的多边形图层。我将继续尝试更新我找到的内容。

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
function initMap() {
  var map = new google.maps.Map(document.getElementById('googleMap'), {
    zoom: 11,
    center: {lat: 39.10342, lng:  -76.87271}
  });

  var kmlLayer = new google.maps.KmlLayer();
  var kmlUrl =     'http://xxxxxxxxxxx.com/crew/map/test.kml';
var kmlOptions = {
  suppressInfoWindows: true,
  preserveViewport: false,
  map: map
};
var kmlLayer = new google.maps.KmlLayer(kmlUrl, kmlOptions);
}

google.maps.event.addDomListener(window, 'load', initMap);
</script>
</head>

<body>
<div id="googleMap" style="width:600px;height:450px;"></div>

</body>
</html>

我的意思是您想知道地址将落入哪个多边形。如果是这种情况,那么 containsLocation 可能对您有益。将地址的 latlng 值传递给每个多边形,然后查看该坐标是否在其中。

有点像这样

var polygons = [];

function checkIfPartOfPolygon(addressLatLng, polygon){
    return google.maps.geometry.poly.containsLocation(e.latLng, bermudaTriangle);
}

function foo(){
    var address = {};
    for (var i=0; i<polygons.length; i++){
        var addressPartOfPolygon = checkIfPartOfPolygon(address.latlng, polygons[i]);
        if (addressPartOfPolygon){
            //address is part of current polygon, do something here
            break;
        }
    }
}

可以在 documentation's sample section

上找到 containsLocation 的官方示例

这就是我混合和匹配来自不同站点的各种信息后得到的结果。它加载存储在服务器上的 kml,获取用户输入的地址,在 kml 的多边形中搜索它,如果找到它然后计算出它是星期几,然后适当地设置拾取下拉列表。

请注意我隐藏了我的地图并且没有在上面设置任何标记或任何东西;我纯粹用它来查找属于哪个多边形地址。

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>
<script src="../scripts/v3_epoly.js" type="text/javascript"> </script>
<script type="text/javascript">
    var geoXml = null;
    var map = null;
    var geocoder = null;
    var toggleState = 1;
    var infowindow = null;
    var marker = null;

function initialize() {
  geocoder = new window.google.maps.Geocoder();
  infowindow = new window.google.maps.InfoWindow({size: new window.google.maps.Size(150,50) });
  // create the map
  var myOptions = {
    zoom: 12,
    center: new window.google.maps.LatLng(43.502745, -116.240845),
    mapTypeControl: true,
    mapTypeControlOptions: {style: window.google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    mapTypeId: window.google.maps.MapTypeId.ROADMAP
  }

  map = new window.google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);
  geoXml = new window.geoXML3.parser({map: map, singleInfoWindow: true, infoWindow: infowindow});

  geoXml.parse('map/routemap-v2.kml');
}
function showAddress() {
    var address = $("#<%=txtCustomerAddress.ClientID%>").val() + ', ' + $("#<%=txtCustomerCity.ClientID%>").val() + ', ' + $("#<%=txtCustomerState.ClientID%>").val() + ' ' + $("#<%=txtCustomerZipcode.ClientID%>").val();
    geocoder.geocode( { 'address': address}, function(results, status) {
        if (status === window.google.maps.GeocoderStatus.OK) {
          var point = results[0].geometry.location;

          for (var i=0; i<geoXml.docs[0].gpolygons.length; i++) {
              if (geoXml.docs[0].gpolygons[i].Contains(point)) {
                  var layerName = geoXml.docs[0].placemarks[i].name;
                  var day = "";
                  if (layerName.indexOf("Monday") >= 0) {
                      day = "Monday";
                  }
                  else if (layerName.indexOf("Tuesday") >= 0) {
                      day = "Tuesday";
                  }
                  else if (layerName.indexOf("Wednesday") >= 0) {
                      day = "Wednesday";
                  }
                  else if (layerName.indexOf("Thursday") >= 0) {
                      day = "Thursday";
                  }
                  else if (layerName.indexOf("Friday") >= 0) {
                      day = "Friday";
                  }
                  else if (layerName.indexOf("Saturday") >= 0) {
                      day = "Saturday";
                  }
                  else if (layerName.indexOf("Sunday") >= 0) {
                      day = "Sunday";
                  } else {
                      day = layerName;
                  }
                  $("#<%=PickUpDay.ClientID%>").val(day);
                  i = 999; // exit loop
          }
        }
        } else {
            alert("Address, as inputed, is not within the limits of any of the current routes. Please manually consult pick up day or edit address and try again.");
        }
    });
    }
</script>

<body onload="initialize()">
    <div id="map_canvas" style="width: 0; height: 0; margin-bottom: 10px; border:1px solid #999; display: none"></div>
</body>