GoogleMaps V3 仅显示 1 个多边形

Question

有一个网页，显示来自许多来源的天气图。你选择你的来源，图表的轮廓出现在谷歌地图上。 （请参阅http://www.geoffschultz.org/weather_map.php Weather Charts/GMDSS/Forecasts - 应该绘制 3 个多边形）到目前为止，所有图表都是矩形的，但我只是遇到了对非矩形图表的需求。我在编写 js 时考虑到了这一点，但我感到很困惑，因为只显示了最后绘制的多边形。关于多个多边形，我有什么遗漏吗？

代码很简单。它得到一个边界框坐标数组。对于简单的矩形，数组元素看起来像“-31,-32|2,25”，而对于多边形，它只有更多的坐标，用“|”分隔。如果有 2 个坐标，我画一个矩形，否则我画一个多边形，用第一个点关闭它。

我做错了什么，因为它适用于矩形？

-- 杰夫

for (i in bb[selValue])
    {
    bb_lat_long = bb[selValue][i]["bb_lat_long"].split("|");
    if (bb_lat_long.length == 2) //Rectangle
        {
        lat_long = bb_lat_long[0].split(",");
        sw = new google.maps.LatLng(lat_long[0], lat_long[1]);
        lat_long = bb_lat_long[1].split(",");
        ne = new google.maps.LatLng(lat_long[0], lat_long[1]);
        bounds = new google.maps.LatLngBounds(sw, ne);
        bounding_box = new google.maps.Rectangle({map: map, bounds: bounds, fillOpacity: 0.05, strokeWeight: 1});
        }
    else // polygon
        {   
        poly_lat_long.length = 0;
        for (j = 0; j < bb_lat_long.length; j++)
            {
            lat_long = bb_lat_long[j].split(",");
            poly_lat_long.push(new google.maps.LatLng(lat_long[0], lat_long[1]));
            }
        lat_long = bb_lat_long[0].split(","); 
        poly_lat_long.push(new google.maps.LatLng(lat_long[0], lat_long[1])); // close polygon with 1st point
        bounding_box = new google.maps.Polygon({map: map, paths: poly_lat_long, fillOpacity: 0.05, strokeWeight: 1});
        }

    }

Answer 1

我的怀疑是它与重新使用新多边形中的路径有关（您最终会得到多个多边形，只是所有的都是相同的，也许如果您在本地声明 poly_lat_long（使用 var），或者一个 createPolygon 函数，它将在路径上获得函数闭包。

我之前在使用poly_lat_long.length = 0; 清除路径数组时看到过这种行为 而不是creating a new array (poly_lat_long = [])。

Thread from the Google Maps API v3 group discussing similar problem