Javascript 在谷歌地图的固定位置显示图像；可见性取决于缩放级别
我在谷歌地图（API v2）中有一个动态地图 我想覆盖一个邀请用户缩放的图像 当缩放级别大于（比如）10时，图像消失Javascript 在谷歌地图的固定位置显示图像；可见性取决于缩放级别,javascript,google-maps,Javascript,Google Maps,我在谷歌地图（API v2）中有一个动态地图 我想覆盖一个邀请用户缩放的图像 当缩放级别大于（比如）10时，图像消失 你知道如何做到这一点吗？谢谢您可能需要收听，如以下示例所示： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps Zo
你知道如何做到这一点吗？谢谢您可能需要收听，如以下示例所示：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Zoom Demo</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false"
type="text/javascript"></script>
<style type="text/css">
#zoom {
background-color: red;
width: 75px;
padding: 5px 5px 5px 5px;
position: absolute;
left: 60px;
top: 90px;
z-index: 1000;
}
</style>
</head>
<body onunload="GUnload()">
<div id="zoom">Zoom</div>
<div id="map" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var map = new GMap2(document.getElementById("map"));
map.setUIToDefault();
map.setCenter(new GLatLng(37.33, -121.89), 8);
GEvent.addListener(map, "zoomend", function(oldLevel, newLevel) {
if (newLevel > 10)
document.getElementById('zoom').style.display = 'none';
else
document.getElementById('zoom').style.display = 'block';
});
</script>
</body>
</html>
谷歌地图缩放演示
#变焦{
背景色：红色；
宽度：75px；
填充物：5px 5px 5px；
位置：绝对位置；
左：60px；
顶部：90px；
z指数：1000；
}
快速移动
VarMap=新的GMap2（document.getElementById（“map”）；
map.setUIToDefault（）；
赛特中心地图（新格拉特林（37.33，-121.89），8）；
addListener（映射，“zoomend”，函数（oldLevel，newLevel）{
如果（新级别>10）
document.getElementById（'zoom'）.style.display='none'；
其他的
document.getElementById（'zoom'）.style.display='block'；
});