私は 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