javascript - ポリゴンが重なるとGoogleマップのポリゴンの輪郭の色が変わる

Question

(API の特定のものを見る前に、これを Google マップ フォーラムに投稿しました。おっと)

多くのポリゴンを描画しようとしている Google マップの Web ページがあります。現在、Google マップ API v3.8 (Ubuntu 10 で Firefox 17.0.1) を使用しています。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.8&libraries=geometry&sensor=false" ></script>

私は ajax 呼び出しを使用して、次を使用して各ポリゴンを作成します。

record.poly = new google.maps.Polygon({
    strokeColor: lineColor,
    strokeOpacity: lineOpacity,
    strokeWeight: lineWidth,
    fillColor: lineColor,
    fillOpacity: fillOpacity
});
for (var i = 0; i < points.length; i += 2)
{
    var point = new google.maps.LatLng(points[i + 1], points[i]);
    record.poly.getPath().push(point);
}

この例では、次のように呼び出して、約 3400 個のポリゴン (色は青、幅 2、線の不透明度 0.7、塗りつぶしの不透明度 0.2) を作成しました。

record.poly.setMap(myMap);

表示する準備ができたら。

次に、同じコードを呼び出して、別の約 3600 個の緑色のポリゴン (幅 6、線の不透明度 0.7、塗りつぶしの不透明度 0.2) を作成しました。

問題は、私が見ているものが一貫していないことです。ブラウザがどちらを最初に描画するかに応じて、緑がかった青色の正方形または青緑色の正方形が多数表示されると予想していました。しかし、私はしません。緑がかった青と青がかった緑の両方が見えます。

自分のアプリケーションに実際にリンクすることはできませんが、ズームアウトすると次のように表示されます:
http://itic.occinc.com/brian/gmap-boxes-full.png
ズームインすると:
http: //itic.occinc.com/brian/gmap-boxes-zoom.png

両方が表示されているときに青緑か緑青かはあまり気にしませんが、マップ全体で一貫している必要があります。

大まかに言えば、何かアイデアはありますか？ある種の形状制限にぶつかっていますか?

• B