Question

我正在尝试将Google地图添加到我正在开发的网站中。

我已设法将地图包含在内，并使用正确的长按和地图。 lat坐标（使用API的V3），但我在添加工具提示时遇到问题，就像点击标记时看到的那样

有关详细信息，请参阅此网址

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);
});

在自定义Google地图上显示位置工具提示

1 个答案: