百度地图api 点击标注后跳转页面

最新推荐文章于 2023-10-13 11:15:56 发布

刘宏望

最新推荐文章于 2023-10-13 11:15:56 发布

阅读量1.9k

点赞数 3

分类专栏：百度地图api 文章标签：百度 js

本文链接：https://blog.csdn.net/lhw112233/article/details/109047565

版权

百度地图api 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

本文介绍了一种方法，通过JavaScript和百度地图API来实现在地图上点击标注后打开相应链接的新页面。首先获取所有点的经纬度和跳转链接，然后初始化地图并添加标注。每个标注都添加了点击事件监听器，当点击标注时，会根据点的href属性在新窗口中打开目标页面。

摘要由CSDN通过智能技术生成

百度地图api 点击标注跳转页面

初始化地图

window.onload = function(){
	//得到所有点，包括点的id、经纬度、跳转地址链接
	//jd、 wd、href
	getPoints();
	//初始化地图
    initMap();
}

var dList = new Array();

function getPoints(){
	jQuery.ajax({
		  type: "POST",
	      dataType: "json",
	      async:false,
	      url: "/getAll.html",
	      data:{},
	      success: function(data){
			  dList= data;
	      }
	})
}
function initMap(){
	//遍历点集合dList，向地图中添加标注
	for(var i=0;i<dList.length;i++){
			var oned = dList[i];
			var point = new BMap.Point(oned .jd,oned .wd);
			var marker = new BMap.Marker(point);
			//添加点击事件
			addClickHandler(marker,oned );
			// 将标注添加到地图中	
			map.addOverlay(marker);
		}
}
//点击后打开新页面，地址为这个点的地址
function addClickHandler(marker,point){
	marker.addEventListener("click",function(){
		window.open(encodeURI(point.href),'_blank');
	});
}