【问题标题】:Is there a way to optimize this Google Map dot density map algorithm?有没有办法优化这个谷歌地图点密度图算法?
【发布时间】: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;
    }

【问题讨论】:

标签: javascript algorithm google-maps


【解决方案1】:

我所做的是创建特征的颜色图(颜色是唯一的,并且源自特征索引)以测试随机(bbox 约束)坐标。我通过颜色图中的颜色知道坐标是否在特征内。该测试是 O(1) 操作,您发布的代码是 O(n)。我的中国县点密度图表现良好。我从这个人的代码示例开始:

https://gist.github.com/awoodruff/94dc6fc7038eba690f43

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-09
    相关资源
    最近更新 更多