导航:首页 > 编程语言 > 百度地图js默认点击事件

百度地图js默认点击事件

发布时间:2025-03-08 18:39:02

『壹』 如何在百度地图里面添加覆盖物,并且对每个覆盖物添加点击之后弹出信息框的功能

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 就可以做到。


  1. 添加 这个图片的 点击事件。

  2. 当点击的时候,获得点击事件,鼠标相对于图片的相对位置。

  3. 弹出对话框,显示业务数据

  4. 点击确定后,在这个图片的相对位置,添加一个小的span 作为标记。 然后数据连同这个位置的相对位置 入库。

  5. 显示也简单,在文档载入的时候, 读取数据库的记录, 然后循环,根据数据库的相对位置,js动态生成小标记span,设置基于图片的相对位置。点击标记时,根据数据唯一标识。查询数据,并显示在弹出框里面。

『伍』 高德地图js版,在更改地图容器的高度之后,怎么刷新地图内容

你在初始化地图对象的时候添加一个鼠标监听。mapObj.addEventListener(mapObj,MOUSE_CLICK,MclickMouse);//鼠标点击事件MclickMouse就是你点击后内想要做的事儿容。functionMclickMouse(param){//传入地图对象param

『陆』 JS百度地图如何在覆盖物上添加右键菜单

function click(){
alert('对不起抄,不能单击右袭键!') //点击右键时,弹出警告框,屏蔽右键
return false;
}
document.oncontextmenu=click;

是要这个效果吗?亲

『柒』 百度地图js api公交面板切换事件

司法所地方

阅读全文

与百度地图js默认点击事件相关的资料

热点内容
飞傲x5二代固件升级 浏览:390
dll反编译工具 浏览:400
初中考试卷app 浏览:22
微信登陆请检查网络连接网络连接网络 浏览:294
win7怎么让隐藏的文件夹显示出来 浏览:264
2m的cad文件打开修改特别卡 浏览:89
编程语言学习班哪里好 浏览:990
5s文件管理 浏览:171
压缩文件格式损坏 浏览:773
设置某一程序的分辨率 浏览:294
5mb的mp3文件有多少字节 浏览:31
为什么排序数据乱了 浏览:534
能将扩展名为csv的文件内容读取 浏览:604
cdrx6是什么版本 浏览:484
pdf格式文件的编辑 浏览:362
win10桌面文件收缩不了 浏览:955
湘潭哪个教育机构培训编程 浏览:397
用苹果笔记本编程怎么样 浏览:272
ipad密码忘记了 浏览:504
航班过站时间数据从哪里找 浏览:265

友情链接