【发布时间】:2014-02-11 19:08:02
【问题描述】:
我正在创建一个随机分布的点密度图来代表每个县的人口。现在,基本上我正在做的是获取一个县的最大纬度和经度值,在它们之间选择两个随机数,并针对勾勒该县的多边形的边界进行测试,看看它是否在其中。如果有,我将其添加到地图中,如果没有,我会返回并重试。这运行了数千次,因此未命中确实会影响加载时间。我真的很想找出一种在边界内绘制的方法,而不是选择一个随机点,测试它,然后绘制它。我什至不完全理解我的测试算法是如何工作的,因为我从 this awesome answer 借用了代码,所以我现在不知所措,但我认为这对你们中的一些人来说可能是一个有趣的挑战。
这是我正在使用的代码:
function addMarkers() {
var loc = "Resources/Counties.json";
$.getJSON(loc, function (data) {
$.each(data.features, function (key, val) {
var xArray = []; //
var yArray = []; //
var coords = [];
var latlng;
var bounds = new google.maps.LatLngBounds();
var polygon;
$.each(val.geometry.coordinates[0], function (i, item) {
latlng = new google.maps.LatLng(item[1], item[0]);
xArray.push(item[0]); //
yArray.push(item[1]); //
coords.push(latlng);
bounds.extend(latlng);
});
var nverts = xArray.length; //
var maxX = Math.max.apply(null, xArray); //
var maxY = Math.max.apply(null, yArray); //
var minX = Math.min.apply(null, xArray); //
var minY = Math.min.apply(null, yArray); //
polygon = new google.maps.Polygon({
paths: coords,
strokeColor: "#000000",
strokeOpacity: 1,
strokeWeight: 01,
fillColor: "#cccccc",
fillOpacity: .5
});
polygon.setMap(map);
var i = 1;
while( i < populations[val.properties.Name] / 10000){
var testX = Math.random() * (maxX - minX) + minX; //
var testY = Math.random() * (maxY - minY) + minY; //
if(pnpoly(nverts, xArray, yArray, testX, testY) == 1){ //
var mlatlng = new google.maps.LatLng(testY, testX); //
var marker = new google.maps.Marker({ position: mlatlng, icon: "Resources/dot.png", map: map }); //
i++;
}
}
});
});
function pnpoly(nvert, vertx, verty, testx, testy)
{
var i, j, c = 0;
for (i = 0, j = nvert-1; i < nvert; j = i++)
{
if ( ((verty[i]>testy) != (verty[j]>testy)) &&
(testx < (vertx[j]-vertx[i]) * (testy-verty[i]) / (verty[j]-verty[i]) + vertx[i]) )
{
c = !c;
}
}
return c;
}
【问题讨论】:
-
谢谢,我确实开始使用它而不是 pnpoly(),但是我真的在寻找可以帮助我避免创建随机点并完全针对多边形进行测试的东西。
标签: javascript algorithm google-maps