2016-09-29 23 views
-1

我正在为我公司的供应商创建覆盖图,然后需要检查我们的客户中有多少人生活在整体覆盖范围之外。供应商的覆盖区域始终是一个圆圈。将圆圈组合为多边形而没有与公共区域相交

我使用this解决方案将我们供应商的覆盖区域合并为一个多边形,以便我可以使用containsLocation function来比较客户的位置。问题是containsLocation函数将一些重叠的覆盖区域标识为在覆盖范围之外。以下是一个示例,其中该引脚应该保持隐形,因为它位于2个供应商的覆盖范围内。 Overlapping Vendor Coverage Example

function updateMap(){ 
    var radius = $('#radius').val(); 
    $.ajax({ 
     url: "", 
     dataType: "json", 
     type: "POST", 
     data: $('#dataForm').serialize() 
    }).done(function(result){ 
     for(var i=0; i<result.length; i++){ 
     center = {lat: parseFloat(result[i].Latitude), lng: parseFloat(result[i].Longitude)}; 
     shapeArray.push(drawCircle(center, (radius), 1)); 
     } 
     coverage = new google.maps.Polygon({ 
      paths: shapeArray, 
      strokeColor: "#ff0000", 
      strokeOpacity: 0.8, 
      strokeWeight: 1, 
      fillColor: "#ff0000", 
      fillOpacity: 0.35, 
      map: map 
     }); 
    }); 
    } 

    function drawCircle(point, radius, dir) 
    { 
    var d2r = Math.PI/180; // degrees to radians 
    var r2d = 180/Math.PI; // radians to degrees 
    var earthsradius = 3963; // 3963 is the radius of the earth in miles 
    var points = 32; 

    // find the raidus in lat/lon 
    var rlat = (radius/earthsradius) * r2d; 
    var rlng = rlat/Math.cos(point.lat * d2r); 

    var extp = new Array(); 
    if (dir==1) {var start=0;var end=points+1} // one extra here makes sure we connect the 
    else{var start=points+1;var end=0} 
    for (var i=start; (dir==1 ? i < end : i > end); i=i+dir) 
    { 
     var theta = Math.PI * (i/(points/2)); 
     ey = point.lng + (rlng * Math.cos(theta)); // center a + radius x * cos(theta) 
     ex = point.lat + (rlat * Math.sin(theta)); // center b + radius y * sin(theta) 
     extp.push(new google.maps.LatLng(ex, ey)); 
    } 
    return extp; 
    } 

    function showUncovered(el){ 
    if(!el.checked){ 
     for(var i=0; i<markerArray.length; i++){ 
      markerArray[i].setVisible(false); 
     } 
     return; 
    } 
    for(var i=0;i<markerArray.length;i++){ 
     var pos = markerArray[i].position; 
     var isAffected = false; 
     if(!google.maps.geometry.poly.containsLocation(pos,coverage)){ 
     markerArray[i].setVisible(true); 
     }  
    }   
    }  
+0

你说“引脚应该保持不可见”,但你的代码基本上是说'if containsLocation(){setVisible(true)}' - 不应该是另一种方式吗? 'markerArray [i] .setVisible(false);'将其隐藏起来 – duncan

+0

我的歉意。地图最终需要能够在覆盖区域内部和外部的引脚之间来回翻转,并且我必须在我陈述的情况下错误地复制/粘贴我的代码。代码已更新。 –

+0

这是我从指出的例子中分出的一个小提琴,它将控制器中的containsLocation的值。请注意,单击多边形圆相交的位置时,它将返回false。 http://jsfiddle.net/qrvvctja/ –

回答