导航:首页 > 编程语言 > 百度地图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默认点击事件相关的资料

热点内容
javavoid参数 浏览:829
如何让编程具有记忆功能 浏览:435
javamail发送带附件的邮件 浏览:173
微信分享文件到其他软件 浏览:682
微信对话文件夹在哪 浏览:287
qq头像欧美范街头男生 浏览:321
毛孔app 浏览:880
照片级渲染教程 浏览:304
目录中的文件夹有什么用 浏览:177
车载u盘文件扫描 浏览:410
稻壳文档怎样改文件名 浏览:620
cad怎么把文件存成模板 浏览:250
编程设计用什么笔记本流畅 浏览:584
电脑突然打开文件很慢 浏览:501
数据线一般是多少瓦的 浏览:314
javawebjsp简单项目实例 浏览:930
u盘lost文件夹删除不了 浏览:754
工具使用如何帮助提升工作效率 浏览:773
什么叫解压缩下载的文件 浏览:703
js监听浏览器窗口移动 浏览:225

友情链接