『壹』 如何在百度地图里面添加覆盖物,并且对每个覆盖物添加点击之后弹出信息框的功能
js">/**
*添加标记
*@param[{id:主键,name:名称,lon:经度,lat:纬度,icon:图标,context:弹窗内容,viewImg:弹窗图片},...]data
*/
functionaddMar(data){
(vari=0;i<data.length;i++){
varmarker=newBMap.Marker(newBMap.Point(data[i].lon,data[i].lat),{icon:newBMap.Icon(data[i].icon,newBMap.Size(50,50))});//创建标注
marker.setTitle(data[i].name);
marker.dataCont=data[i];
map.addOverlay(marker);
marker.addEventListener("click",function(e){
varviewWin="<h4style='margin:005px0;padding:0.2em0'>"+e.target.dataCont.name+"</h4>"+
"<imgstyle='float:right;margin:4px'id='imgDemo'src='"+e.target.dataCont.viewImg+"'width='139'height='104'title='"+e.target.dataCont.name+"'/>"+
"<pstyle='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>"+e.target.dataCont.context+"</p>"+
"</div>";
varinfoWindow=newBMap.InfoWindow(viewWin);
this.openInfoWindow(infoWindow);
//图片加载完毕重绘infowindow
document.getElementById('imgDemo').onload=function(){
infoWindow.redraw();//防止在网速较慢,图片未加载时,生成的信息框高度比图片的总高度小,导致图片部分被隐藏
}
});
}
}
可以这样,先把生成标注的json数据直接存进marker对象.添加marker的点击监听,触发监听事件时会拿到marker对象本身,从里面可以获取之前我们存进去的json数据,然后拿这个json数据直接生成弹窗
『贰』 百度地图的marker注标添加单击事件后,怎么手动在js里触发click事件
//把点击事抄件对应的函数设置袭到marker对象上
marker.clickFun=function(){
....
}
//marker绑定click,触发click调用刚才设置的方法
marker.addEventListener("click", function(){
marker.clickFun()
});
//其他地方触发:遍历获取对应marker实例,调用方法
let markers = Bmap.getOverlays();//获取所有marker
for(let i=0;i<markers.length;i++){
if(treeNode.id==markers[i].id){
markers[i].clickFun()
}
}
『叁』 javascript中鼠标在地图上的经纬度怎么获取
自己写抄有难度吧!!!
查看网络地图袭api里头有说明获取实时经纬度的。
1、成为开发者,获取网络地区秘钥
2、引入网络地图js插件
3、获取经纬度
<script type="text/javascript">
// 初始化地图
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
map.addEventListener("click", function(e){ //鼠标点击事件
var pt = e.point;
alert(pt.lng + "xxx" + pt.lat)//弹窗经纬度
});</script>
『肆』 在JSP页面插入离线电子地图模块,不要谷歌或者百度那种在线的API,要离线能使用的地图。
如果只是静态的地图图片的话, 使用js 就可以做到。
添加 这个图片的 点击事件。
当点击的时候,获得点击事件,鼠标相对于图片的相对位置。
弹出对话框,显示业务数据
点击确定后,在这个图片的相对位置,添加一个小的span 作为标记。 然后数据连同这个位置的相对位置 入库。
显示也简单,在文档载入的时候, 读取数据库的记录, 然后循环,根据数据库的相对位置,js动态生成小标记span,设置基于图片的相对位置。点击标记时,根据数据唯一标识。查询数据,并显示在弹出框里面。
『伍』 高德地图js版,在更改地图容器的高度之后,怎么刷新地图内容
你在初始化地图对象的时候添加一个鼠标监听。mapObj.addEventListener(mapObj,MOUSE_CLICK,MclickMouse);//鼠标点击事件MclickMouse就是你点击后内想要做的事儿容。functionMclickMouse(param){//传入地图对象param
『陆』 JS百度地图如何在覆盖物上添加右键菜单
function click(){
alert('对不起抄,不能单击右袭键!') //点击右键时,弹出警告框,屏蔽右键
return false;
}
document.oncontextmenu=click;
是要这个效果吗?亲
『柒』 百度地图js api公交面板切换事件
司法所地方