目前，我正在为自己制作的自定义 map 提供一系列位置。我一直在尝试，但无法弄清楚如何在标记上添加“单击”弹出框。我希望白框显示名称并有一个选项，以便一个人可以选择“在此获取路线”。有谁知道我可以用一个以上的标记来实现这一目标？
<!DOCTYPE html>
<head>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 50% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
var map;
var marker
function initialize() {
var latlng = new google.maps.LatLng(42.098687,-75.917974);
var restaurants = new Array();
restaurants = [
new google.maps.LatLng(42.898687,-75.917974),
new google.maps.LatLng(42.698687,-73.917974),
new google.maps.LatLng(42.198687,-75.917974),
new google.maps.LatLng(41.098687,-75.917974)
];
var myOptions = {
zoom: 3,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var i = 0;
for ( i <0; i < restaurants.length;i++ ){
var marker = new google.maps.Marker({
position: restaurants[i],
map:map,
title:"Testing!"
});
popupDirections(marker);
}
}
function popupDirections(marker) {
var infowindow = new google.maps.InfoWindow(
{ content: "tests: "
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:50%; height:50%"></div>
</body>
</html>
最佳答案
您正在谈论的弹出框称为Google map 语言的信息窗口。
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("your contents");
});
上面的代码将click事件与您的标记绑定(bind)，并打开一个带有指定文本的信息窗口。标记是标记对象。
希望能帮助到你。
关于javascript - 如何在自定义Google map 上显示白色弹出框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3682338/