使用Javascript的多標記信息窗口

當談到Javascript時，我非常喜歡noob，但是我正在爲我的網站/學校項目嘗試一些東西。使用Javascript的多標記信息窗口

在地圖上，我想顯示2個位置，每個位置都有自己的標記和信息窗口。 1顯示我的位置+聯繫人詳細信息，第二個標記應顯示公司的其他詳細信息。

我設法在地圖上顯示2個標記以顯示在我想要的位置，但接下來的問題是爲每個標記指定它自己的InfoWindow。

var Rafael = new google.maps.LatLng（52.341949,6.682236）; var Aandagt = new 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:[email protected]">[email protected]</a></h10>' 
}) 


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

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

任何幫助或建議如何添加和連接2個信息窗口，1標記「拉斐爾」和1標記「Aandagt」將不勝感激。

要查看我的當前地圖：http://www.imrafaelhi.nl/stageverslag/?page_id=266

來源

2012-06-20 Rafael Klein

已創建了2個標記具有不同的位置值和名爲拉斐爾標記的鼠標懸停監聽器。

我建議你將標記聲明爲：marker1和marker2。

然後創建2個contentstrings瓦爾用於與每個標記相關聯的每個信息窗口：內容1，內容2

添加監聽（鼠標懸停）對於每個標記，以表明該內容的字符串。添加偵聽器（鼠標）以關閉與該標記關聯的信息窗口。

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-27 13:26:44 user1484172

你可以給ID每marker..and可以訪問這些標誌物及其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-10 04:53:17

使用Javascript的多標記信息窗口

回答

相關問題