Question

我试图改变z索引，但听起来似乎不可能。还试图使用InfoBox控件，但它仍然显示不正确......

enter image description here

Answer 1

https://developers.google.com/maps/documentation/javascript/controls#ControlModification

http://www.w3schools.com/googleapi/tryit.asp?filename=tryhtml_map_controls_disable

第二个链接显示了如何操作。

 <!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
   function initialize()
{
var mapProp = {
center: new google.maps.LatLng(51.508742,-0.120850),
zoom:7,
disableDefaultUI:true,    
panControl: true, 
mapTypeControl: true, 
scaleControl: true, 
streetViewControl: true, 
overviewMapControl: true, 
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

Answer 2

嗯，这是其他一些黑客攻击。您不使用谷歌地图的信息窗口，但创建自己的。在地图上为click事件创建div和addListener。点击查找事件的x和y位置，然后根据该位置设置div的顶部和左侧。我需要更多帮助，评论。

您也可以尝试重叠：http://codepen.io/emgerold/pen/kjivC function InfoBox(opts)

是否可以在谷歌控件（stree，pan，zoom等）下显示InfoWindow。

2 个答案: