在自定义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); 
});