我现在地图上有多个测距 和侧面积的 层 我应该怎么删除 我用的是google map api v3
发布网友
发布时间：2022-08-17 09:15
共1个回答
热心网友
时间：2023-10-11 10:20
如果要一次性全删除 那就用clear 吧 给你一个我曾经的例子看看吧 不过我以前写的 是V2 的
语法是没错的 你可以借鉴一下
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css"></link>
<script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
type="text/javascript"></script>
<script type="text/javascript">
var cenx = 39.990168;
var ceny = 116.295304;
var stzoom=13;
var handle;
var marker;
var map;
function init(){
//检查浏览器的兼容性.
if (GBrowserIsCompatible()){
map=new GMap2(document.getElementById("map_canvas"));
//设置地图的中心坐标.
var loc = new GLatLng(cenx,ceny);
map.setCenter(loc,stzoom);
//设置地图的缩放工具.
map.setUIToDefault();
/*
*添加第一个事件侦听,用于地图移动结束后,在地图下方的信息栏中自动显示器当前地图中心位置的坐标.
*注意事件的名字"moveend".
*/
GEvent.addListener(map,"moveend",function(){
var center = map.getCenter();
document.getElementById("msg").innerHTML = center.toString();
});
GEvent.addListener(map, "click", function(){
alert("单击地图事件!");
});
/*
*添加第二个事件侦听,当点击该标注时,显示信息窗口并提示"this is google maps".
*/
marker= new GMarker(loc);
map.addOverlay(marker);
handle = GEvent.addListener(marker,"click",function(){
marker.openInfoWindowHtml("<h1>this is google maps</h1>");
});
}
}
function markerremoveListener(){
GEvent.removeListener(handle);
alert("成功删除标注点的click事件");
}
function markeraddListenerAgain(){
handle = GEvent.addListener(marker,"click",function(){
marker.openInfoWindowHtml("<h1>this is google maps again</h1>");
});
}
function mapaddListenerAgain(){
GEvent.addListener(map,"click",function(){
alert("第二次单击地图事件!");
});
}
function mapclearListener(){
GEvent.clearListeners(map,"click");
alert("成功删除地图所有click事件");
}
window.onload=init;
window.onunload=GUnload;
</script>
</head>
<body>
<input type="button" value="为地图第二次添加click事件" onClick="mapaddListenerAgain()">
<input type="button" value="删除地图的所有click事件" onClick="mapclearListener()">
<p>
<input type="button" value="为标注点第二次添加click事件" onClick="markeraddListenerAgain()">
<input type="button" value="删除标注点的第二次click事件" onClick="markerremoveListener()">
<p>
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<div id="msg"></div>
</body>
</html>
