当前位置 : 主页 > 网络编程 > JavaScript >

百度地图marker标记点击后自定义弹出层内容

来源:互联网 收集:自由互联 发布时间:2021-07-03
百度地图javascriptAPI找了半天没找到对在地图上弹出的自定义弹出层的API说明,研究了下,分享参考代码 1. [代码] [JavaScript]代码 /**首先你需要使用百度 javascript API 再你的页面上弄出一个
百度地图 javascript API 找了半天没找到 对在地图上弹出 的 自定义弹出层的 API 说明,研究了下,分享参考代码

1. [代码][JavaScript]代码    

/**
首先你需要使用百度 javascript API 再你的页面上弄出一个地图,
地图出现后,按照标准 API 示例,js 全局就有一个 map 对象作为对地图对象的引用。
构建百度地图 Point 对象,就是根据经纬度构建即可。
构建完成后,将此 point 对象传递给本方法,本方法会在此点上创建一个红色标记。
点击标记后,会弹出一个弹出层,此弹出层可以自定义。
**本方法只是marker上绑定弹出层的示例,具体情况根据需求修改本方法,以确定弹出层内容。
**/	
function BMapOneMarker(point,msg,img){
		var opts={  
		        width:250,
		        height:100
                     //title:弹出层的标题
		    };  
		var infoWindow=new BMap.InfoWindow("<img src='"+img+"'/>"+msg,opts);//创建信息窗口对象  
		var marker=new BMap.Marker(point);  
		map.addOverlay(marker);  
		marker.addEventListener("click",function(){  
		    map.openInfoWindow(infoWindow,point);//打开信息窗口  
		}); 
};
网友评论