桌面应用程序中百度地图API删除标注后鼠标滚轮不可用

最新推荐文章于 2024-01-24 16:52:52 发布

苦逼的IT男

最新推荐文章于 2024-01-24 16:52:52 发布

阅读量588

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/daoming1112/article/details/79408098

版权

学习笔记专栏收录该内容

20 篇文章 0 订阅

订阅专栏

百度地图从多点当中删除定点示例：

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:500px;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
	<title>从多个点删除指定点</title>
</head>
<body>
	<div id="allmap"></div>
	<input type="button" οnclick="deletePoint()" value="删除id=1"/>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.404, 39.915);
	map.centerAndZoom(point, 15);
	map.disableDoubleClickZoom(true);
	map.enableScrollWheelZoom();   // 启用滚轮放大缩小，默认禁用
        map.enableContinuousZoom();    // 启用地图惯性拖拽，默认禁用	
	// 编写自定义函数,创建标注
	function addMarker(point,label){
		var marker = new BMap.Marker(point);
		map.addOverlay(marker);
		marker.setLabel(label);
	}
	// 随机向地图添加25个标注
	var bounds = map.getBounds();
	var sw = bounds.getSouthWest();
	var ne = bounds.getNorthEast();
	var lngSpan = Math.abs(sw.lng - ne.lng);
	var latSpan = Math.abs(ne.lat - sw.lat);
	for (var i = 0; i < 10; i++) {
		var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
		var label = new BMap.Label("我是id="+i,{offset:new BMap.Size(20,-10)});
		addMarker(point,label);
	}
	function deletePoint(){
		var allOverlay = map.getOverlays();
		for (var i = 0; i < allOverlay.length -1; i++){
			if(allOverlay[i].getLabel().content == "我是id=1"){
				map.removeOverlay(allOverlay[i]);
				return false;
			}
		}
	}
</script>

在Web应用当中，删除定点后鼠标滚轮还可用，但在桌面应用程序使用JS添加或者标注的时候鼠标滚轮会失效，这是因为百度地图失去了焦点（注意不是浏览器控件失去了焦点），所以解决方式如下，在添加或删除标注后使百度地图获得焦点：

	window.focus(); // 百度地图获得焦点，防止鼠标键盘事件失效

苦逼的IT男

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录