Google maps api 3 谷歌地图在添加透明图像后是静态的

Google maps api 3 谷歌地图在添加透明图像后是静态的,google-maps-api-3,Google Maps Api 3,我在我的谷歌地图上添加了一个透明图像,看起来不错,但现在我不能点击地图来移动它或放大它,也不能点击标记。但奇怪的是,我实际上可以移动地图并点击标记,但前提是我点击地图的最外侧边缘。我把所有的代码都弄乱了,似乎无法让它正常工作。当贴图层移到前面是我唯一能真正使用贴图的时候,但是透明度消失了。。。任何反馈都将不胜感激 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content

我在我的谷歌地图上添加了一个透明图像,看起来不错,但现在我不能点击地图来移动它或放大它,也不能点击标记。但奇怪的是,我实际上可以移动地图并点击标记,但前提是我点击地图的最外侧边缘。我把所有的代码都弄乱了,似乎无法让它正常工作。当贴图层移到前面是我唯一能真正使用贴图的时候,但是透明度消失了。。。任何反馈都将不胜感激

<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<title>Google Map</title> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
</head> 
<body>
<center>
<p>
<div id="map" style="height: 100%;
position: absolute;
top: 0;
bottom: -200px;
left: 0;
right: 0;
border-bottom-width:77px;
border-bottom-color:black;
border-bottom-style: solid;
z-index: -1;"></div>

<script src="scripts/mapmarkers.js"></script>

<p>
<div align="left"><img src="images/transimage.png" width="500" height="550" /></div>

谷歌地图



以下是一个行之有效的解决方案:

<div style="position: absolute; left: 3%; top: 0%;">
<img src="image.png" width="50" height="50"></div>


为什么会很奇怪?下雨的时候会很奇怪,你带着雨伞,保持干燥?可能是神圣莫利的复制品!!!谢谢,医生。但我希望没有CSS这是可能的。请考虑扩大你的答案来解释为什么你的解决方案奏效。