ionic开发——百度地图InfoWindow信息窗口上添加按钮,无法触发点击事件问题解决办法
来源:互联网 发布:dnf双开网络中断 编辑:程序博客网 时间:2024/06/09 18:20
ionic开发中,在使用百度地图的时候,有时我们需要在点击地图上标注的海量点弹出一个infowindow的信息窗口,自定义信息窗口的内容后,我们想要可以在信息窗口上面点击的时候,发现点击没有效果。
我们用chrome的开发者模式查看我们绑定的事件是已经绑定上的,可是还继承了两个ionic里面的方法,我们在调试工具中把这两个方法remove掉,发现我们自己绑定的事件就可以触发了。可能因为ionic和百度地图的信息窗口有冲突,解决办法没有找到,最后我选择了避开这个问题。
在信息窗口中,我们可以发现关闭按钮是可以点击的,所以我查看了关闭按钮所在的位置,关闭按钮在<div class="BMap_pop"></div>这个标签下,所以我选择了在关闭按钮的同级新建一个标签,定位在信息窗口上,来实现点击的目的。
在打开信息窗口的时候我们调用这个myClick方法
function myClick(fLng,fLat){ // alert($(".BMap_pop").length)if($(".BMap_pop").length>0){//有BMap_pop证明信息窗口已经打开var buttonobj=document.createElement("button"); '<button class="abcd" style="width: 70px;height: 30px;color:#FF6700;position: absolute;left: 200px;top: 64px;z-index: 10000;">去这里>></button>'; buttonobj.className = "gotohere" buttonobj.innerHTML = "去这里";buttonobj.style = "width: 70px;height: 30px;color:#FF6700;position: absolute;left: 200px;top: 64px;z-index: 10000;" buttonobj.onclick=function(){ loadMapcallback(fLng,fLat); } var xxx = $(".BMap_pop");xxx.remove(".gotohere");if(1 > $(".gotohere").length){//防止重复添加button标签xxx.append(buttonobj);}else{}}else{myClick(fLng,fLat);} }
阅读全文
0 0
- ionic开发——百度地图InfoWindow信息窗口上添加按钮,无法触发点击事件问题解决办法
- Android——百度地图弹出详情窗口InfoWindow
- 按钮无法触发点击事件
- Android — 之百度地图定位+添加Mark+InfoWindow
- 关于百度地图InfoWindow响应自定义布局点击事件
- 百度地图InfoWindow循环显示不同的信息窗口
- 百度地图开发添加覆盖物的信息时出现的问题new infoWindow的时候
- 在信息窗口添加图片按钮(百度地图)
- 百度地图 label添加点击事件,显示提示信息
- 百度地图InfoWindow事件绑定
- 百度地图的覆盖物自定义(二)--点击标注物弹出完全自定义的信息提示窗口(不继承百度提供的Infowindow)
- 百度地图循环添加标注,并循环为标注添加信息窗口问题解决
- jquery live方法,解决jquery动态添加按钮无法触发点击事件的问题
- SlidingMenu按钮事件失效无法点击问题解决
- 百度地图信息框增加按钮事件
- 使用百度地图BMap.InfoWindow,分别显示不同的信息窗口
- android高德地图自定义infoWindow、点击其它地方隐藏infoWindow、infoWindow点击事件
- 在百度地图信息窗口里添加按钮(html代码)
- Android系统进程的内存管理分析
- oracle-for update 与 for update of
- java基础教程:面向对象编程之封装(14)
- Manifest merger failed with multiple errors, see logs
- jQuery Mobile 方向改变事件
- ionic开发——百度地图InfoWindow信息窗口上添加按钮,无法触发点击事件问题解决办法
- JQuery 给h和span标签赋值和取值
- Mysql开启慢查询
- Hamming Embedding 汉明嵌入简介
- 学Python的目的
- 刷清橙OJ--A1066.集合合并
- Mysql-之定时器调用存储过程(当用户超时未向服务端发送请求时更新用户状态为离线)
- node(url使用)
- Pycharm 2017 Active激活