2011-08-12 12 views
1

まもなく発売されるモバイルウェブサイト用のカレッジキャンパスマップを作成しようとしています。Google Maps API v3カスタム画像オーバーレイのマーカーですか?

私は正常に作成した単純なイメージオーバーレイ(ここでは:http://code.google.com/apis/maps/documentation/javascript/examples/overlay-simple.html)を作成するためのGoogleのマップapi v3の例に従っています。

しかし、私の質問は、私が非常に苦労しているのは、この画像オーバーレイの上に表示されるマーカーを配置する方法です。

は、私はGoogleマップ上のマーカーを作成する方法を理解し、簡単なコードでそれを実装しようとしましたが、初期化セクションでは、私のカスタムイメージに該当するマーカーを引き起こすことを置く

var myLatLng = new google.maps.LatLng(xx.xxxxx,-xx.xxxxx); 
    var marker = new google.maps.Marker({ 
     position: myLatLng, 
     map:map, 
     title:"testing" 
    }); 

オーバーレイ...私は、3番目のペインより大きい地図ペインの1つに配置する必要があることを読んだが、これはどこに、どのように配置するのか、そしてどのような助けが必要なのか?

答えて

1

マーカーは常にoverlayImageペインにレンダリングされるので、マーカーを移動しようとするよりも、追加したオーバーレイを下のペイン(マーカーの下)に表示するように移動します。

は交換してください:

var panes = this.getPanes(); 
panes.overlayImage.appendChild(div); 

で:

ある
var panes = this.getPanes(); 
panes.overlayLayer.appendChild(div); 

、overlayLayerでoverlayImageを交換してください。 Maps API V3 Referenceでは、グラウンドオーバーレイ、ポリゴン、ポリライン(すべてがマーカーの下に表示される)を含むペインが表示されます。

+0

ありがとう、完璧に働いた!私は答えが簡単だとは信じられませんが、あなたは1週間分の欲求不満から私を救ってくれました。 – Chris

関連する問題