Question

我有一个谷歌地图，我可以在其中绘制圆形，矩形和多边形，然后将其坐标保存在具有名称的数据库中。现在我希望每次加载地图时都要显示所有保存的区域。我用圆圈和矩形（固定数量的坐标）管理了这个，但是我仍然坚持如何显示多边形。我从这个谷歌三角形示例中获得了显示的标准方法：Polygon Arrays。在我到达这一部分之前，一切都很美好：

var triangleCoords = [
        {lat: 25.774, lng: -80.190},
        {lat: 18.466, lng: -66.118},
        {lat: 32.321, lng: -64.757}
    ];

我已经保存了不同大小的多边形，因此每次显示循环运行时，我需要将不同数量的lats和lng放入triangleCoords。我尝试使用triangleCoords作为一个表，但它非常错误：

                    var j=1;
                    var k;
                    for (k = 0; k < (coo.length)/2 ; k++ ){
                        var triangleCoords[k] = [
                            {lat: coo[j], lng: coo[j+1]}
                        ];
                        j+=2;
                    }

这可能是非常简单的事情，但我不长时间编程，现在我越来越深了！你能帮忙吗？我应该在哪里看一下暗示？一些示例代码？提前谢谢！

以下是一些代码，这有帮助吗？

<?php  
                $result2 = mysql_query("SELECT * FROM allplaces WHERE user_id = '$userid' "); 

                  $coordinates = array();
                  while ($row = mysql_fetch_array($result2)) {     
                    $coordinates[] = $row['coordinates']; 
                  } 
                ?>
var coordinates = new Array();
    <?php 
                for ($i=0;$i<count($coordinates); $i++)
                {
                    echo "coordinates[$i]='".$coordinates[$i]."';\n";
                }
?>
var i;
    for (i = 0; i < coordinates.length; i++) {  

                    var str = coordinates[i];
                var coo = str.split(";"); //first cell of coo is empty

if ( type[i] == 1 ){            //polygon

                    // Define the LatLng coordinates for the polygon's path.

   --> [code here that fills the triangleCoords each time, where triangleCoords must have the form that is given in the first Code Sample]

                    // Construct the polygon.
                    var bermudaTriangle = new google.maps.Polygon({
                      paths: triangleCoords,
                      strokeColor: '#FF0000',
                      strokeOpacity: 0.8,
                      strokeWeight: 2,
                      fillColor: '#FF0000',
                      fillOpacity: 0.35
                    });
                    bermudaTriangle.setMap(map); 
}
}

Answer 1

我做到了！我需要的是将多边形的每个新点推入数组。这很简单，但我没有考虑使用“推”。代码如下！

var bermudaTriangle = [];
var j;
var k=1;
for (j=0; j < (coo.length)/2 ; j++){
    bermudaTriangle.push(new google.maps.LatLng(coo[k],coo[k+1]));
    k+=2;
}

多个多边形显示在Google地图上

1 个答案: