2011-01-08 16 views
2

私の問題はありませんが、この問題については議論されていますが、回答が見つかりませんでした。私はAPIマップを使ってGoogle Mapsに同心円を描画しようとしています。クリックするとブルズアイターゲットとして表示されますが、常に最大のものが上に表示されます。Google Maps APIでサークルのzオーダーが変更されていません

以下は、増加する半径と様々な塗りつぶしからなる "科目"と呼ばれる配列を使用しています。

for (i=0;i<subjects.length;i++) { 
radi = subjects[i][0]; 
fillcolr = subjects[i][1]; 
zindx = subjects.length - i; 
newcircle = new google.maps.Circle({ 
     radius: radi, 
     center: centerPoint, 
     strokeWidth: 1, 
     fillOpacity: 1.0, 
     fillColor: fillcolr, 
     zIndex: zindx 
    }); 
    // display it 
    newcircle.setMap(map); 
    // make outer circle clickable 
    google.maps.event.addListener(newcircle, 'click', function() { 
       circleClickedInfo(i); 
     }); 

円はそこにあり、zIndexは設定されていますが、最も大きな円は常に上にあります。私は、zIndexを明示的に設定しないで、サークルを作成する順番を逆にして、各zIndexを10000ずつ増やして、zIndexを設定してみました。私は何か明白でないことを確かめています(前述のnoobishness参照)。私はそれが何であるか把握することはできません。任意のポインタのためのTIA ...

+0

ない答えが、私は同じ問題を抱えています。 [Here's](https://gist.github.com/791344)は予期せぬ挙動を示す完全な、最小限の例(github要旨)であり、[here's](http://sonzona.dyndns.org/zIndexTest.html)ライブの例。誰でも何が起こっているか知っていますか? – mgalgs

答えて

1

はあなたが必要とするすべての形状のためにこれを試してみてください:

selectedShape.setOptions({zIndex:0}); 
関連する問題