0

私は Javascript に関してはまったく初心者ですが、ウェブサイトや学校のプロジェクトで何かを試しています。

地図上に 2 つの場所を表示し、それぞれにマーカーと独自の情報ウィンドウを表示したいと考えています。1 は私の場所と連絡先の詳細を示し、2 番目のマーカーは会社のその他の詳細を表示する必要があります。

マップ内の 2 つのマーカーを目的の場所に表示することができましたが、次の問題は、各マーカーに独自の InfoWindow を与えることです。

var Rafael = 新しい google.maps.LatLng(52.341949,6.682236); var Aandagt = 新しい google.maps.LatLng(52.341949,6.782236);

var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(52.341949,6.682236),
    streetViewControl: false,
    zoomControl: false,
    panControl: false,
    scaleControl: false,
    overviewMapControl: false,
    mapTypeControl: false,
    mapTypeId: google.maps.MapTypeId.TERRAIN
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
    position: Rafael,
    map: map,
    title:"Rafael"
}); 

var marker = new google.maps.Marker({
    position: Aandagt,
    map: map,
    title:"Aandagt"
}); 

var infowindow = new google.maps.InfoWindow({
    content: '<h9><a href="http://www.aandagt.nl">AANDAGT Reclame & Marketing</a></h9><h10><br /><br />Einsteinstraat 8b<br />7601 PR Almelo<br /><br />Telefoon (0546) 85 03 69<br />Fax (0546) 45 53 31<br /><br /><a href="mailto:info@aandagt.nl">info@aandagt.nl</a></h10>'
})


google.maps.event.addListener(marker, 'mouseover', function() {
  infowindow.open(map,marker);
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.close(map,marker);
});

マーカー 'Rafael' 用に 1 つ、マーカー 'Aandagt' 用に 1 つ、2 つの InfoWindows を追加してアタッチする方法について、ヘルプや提案をいただければ幸いです。

現在の地図を表示するには: http://www.imrafaelhi.nl/stageverslag/?page_id=266

4

2 に答える 2

0

あなたはすべてのマーカーにIDを与えることができます..そしてそれらのIDでそれらのマーカーにアクセスすることができます:

var marker = new google.maps.Marker({
  position:mycenter,
  title:infoName,
  id: count++
  // animation:google.maps.Animation.BOUNCE
  });

 if(marker.id == count) //get access to marker id value..
 {
     //do what you want..
 }
于 2013-12-10T04:53:17.990 に答える
0

位置の値が異なる 2 つのマーカーと、Rafael という名前のマーカーのマウスオーバー リスナーを作成しました。

マーカーを次のように宣言することをお勧めします:marker1およびmarker2。

次に、各マーカーに関連付けられた情報ウィンドウごとに 2 つの contentstrings 変数を作成します: content1、content2

各マーカーにリスナー (マウスオーバー) を追加して、コンテンツ文字列を表示します。リスナー (mouseout) を追加して、マーカーに関連付けられた情報ウィンドウを閉じます。

google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close();
});
于 2012-06-27T13:26:44.480 に答える