如何打開infoWindow谷歌地圖正在使用？

Question

我在聯繫頁面中有一個Goole地圖，其中我想顯示Google地圖上使用的infoWindow。

轉到該鏈接：Gmap

並點擊標記。應該出現一個信息窗口。

我的問題是：如何在我的網站上添加同樣的東西？

Ps：我知道如何構建一個google.maps.InfoWindow對象，但我不想自己創建html。

Answer 1

的谷歌地圖的文檔的這部分解釋了這一點：https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

定義你的經緯度長協調

var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 

設置你的地圖otions

var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

初始化您的地圖

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

設置內容爲您infowWindow

var contentString = '<b>Set content for infowindow here in HTML<b>'; 

Intialize與內容串的信息窗口。

var infowindow = new google.maps.InfoWindow({ 
    content: contentString 
}); 

將您的上述定義地圖

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title:"Uluru (Ayers Rock)" 
}); 

最後只綁定上的標記來創建的信息窗口的「click」事件上標記在以前定義的標記。

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