在自定義Google地圖上顯示位置工具提示

Question

我正在嘗試向正在開發的網站添加Google地圖。

我已成功地包括地圖，用正確的長&經緯度座標（使用API​​的V3），但我無法添加工具提示像你看到點擊標記

看到這個URL時有關詳細信息，

http://maps.google.co.uk/maps?q=york+web+design&oe=utf-8&rls=org.mozilla:en-GB:official&client=firefox-a&um=1&ie=UTF-8&hl=en&sa=N&tab=wl

當這些標記之一被點擊時，會出現提示，我怎麼能實現我的小地圖同樣的結果？

Answer 1

標記點擊項目稱爲InfoWindows（google.maps.InfoWindow）。

我在製作我們的地圖時使用了api頁面作爲參考，它非常有幫助並且易於理解。

http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows

var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
var myOptions = { 
     zoom: 4, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

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

var contentString = '<div id="content">'+ 
        '<div id="siteNotice">'+ 
        '</div>'+ 
        '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+ 
        '<div id="bodyContent">'+ 
        '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' + 
        'sandstone rock formation in the southern part of the '+ 
        'Northern Territory, central Australia. It lies 335 km (208 mi) '+ 
        'south west of the nearest large town, Alice Springs; 450 km '+ 
        '(280 mi) by road. Kata Tjuta and Uluru are the two major '+ 
        'features of the Uluru - Kata Tjuta National Park. Uluru is '+ 
        'sacred to the Pitjantjatjara and Yankunytjatjara, the '+ 
        'Aboriginal people of the area. It has many springs, waterholes, '+ 
        'rock caves and ancient paintings. Uluru is listed as a World '+ 
        'Heritage Site.</p>'+ 
        '<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+ 
        'http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>'+ 
        '</div>'+ 
        '</div>'; 

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

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

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