百度地图InfoWindow事件绑定

最近用百度地图开发了一个功能，需要绑定marker的提示框InfoWindow的事件，用百度原先提供的API :addEventListener方法绑定事件没有任何反应。

处理方案：

1.引入

<script src="https://raw.github.com/jiazheng/EventWrapper/master/release/eventwrapper.min.js" type="text/javascript"></script>

    2.在InfoWindow的HTML绑定id

       var sContent ="<div id='markerInfo'><h4 style='margin:0 0 5px 0;padding:0.2em 0;color:"+colors+"'>"+title+"</h4>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>"+showInfo+"</p>" +"</div>";

    3.绑定marker单击事件

           var clickListener = EventWrapper.addListener(marker, 'click', function(e){
                map.openInfoWindow(infoWindow,point); //单击marker显示InfoWindow
            });
           //自动调用单击事件
           EventWrapper.trigger(marker,"click");

  4.监听InfoWindow的打开事件open

   EventWrapper.addListener(infoWindow, 'open', function(e){
            //绑定信息框的单击事件
            $("#markerInfo").bind("click",function(){

                                console.log("点击了InfoWindow");

               });
     });

 注意：一定要监听 InfoWindow的open事件，通过sContent HTML绑定的id 我们可以注册各种事件！

百度地图InfoWindow事件绑定相关推荐

百度地图infowindow的close事件_百度地图蒙圈：车主要加油误导母婴店跑偏理由令人啼笑皆非...
常在江湖飘,哪有不挨刀.经常驾车出门在外的您,有过被导航坑的经历么?其实在早些年手机导航刚刚兴起的时候,这类现象确实比较常见,但是到了如今大数据的时代,手机导航数据更新比较及时,问题已经少了很多.不过 ...
百度地图infowindow的close事件_高德地图，百度地图，腾讯地图哪个更准？
先说结论高德第一,百度第二,腾讯第三这些地图商,他们是怎么知道"我家门口新开了一家咖啡店"这一事件的,并且标注上去还拍了照片呢?有些店新开了,有些店倒闭了,10年以前这条街上的 ...
百度地图InfoWindow信息窗口的自定义和样式修改
最近捣腾百度地图,在做标志物点击事件显示信息窗口时,发现官方的信息窗口只给了固定的样式,且比较普通.那么该如何想修改成自己想要的样式? 1.在官方给出的原基础上进行修改了解这种方法有助于你理解官方的 ...
关于百度地图动态事件调用的使用
一次调试百度地图动态marker事件监听的问题,不知如何解决,后来看了原作者jz1108才知道要用闭包.觉得原作者jz1108关于百度地图的文章写的不错,所以转载到了CSDN,为了尊重原作者jz110 ...
百度地图infoWindow圆角处理
最近的一个项目用到了百度地图API里边的infoWindow弹框,但是百度自带的infoWindow弹框是个直角的矩形框,显示过于难看,于是有了将该框改为圆角的想法,但是API本身不支持样式的设置,所 ...
自定义百度地图InfoWindow样式
最近在做大屏的可视化开发的时候遇到需要自定义信息窗口的需求,但是百度地图自带的infoWindow虽然可以通过插入html字符串的形式自定义信息,但是它自带有白色背景,没有找到去掉其默认背景颜色的属性 ...
百度地图infowindow
2019独角兽企业重金招聘Python工程师标准>>> private void showInfoWindow(LatLng latLng, String address){View ...
解决百度地图移动端（微信浏览器等）拖拽事件和点击事件冲突的BUG
在手机端,如果启用了百度地图的拖拽,那么部分手机上点击事件无法触发,无法获取点击位置的坐标,除非禁用拖拽的功能. 但如果禁用拖拽后,用户体验就很差,所以以下代码可以直接解决问题,亲测可用,如有疑问可以 ...
百度地图手机端单触点单击和长按事件，解决部分手机(小米手机)地图单击事件失效，多触点、拖动依然触发长按的bug
下面是实现的代码 /** * Author 岳晓 * * 对百度地图的事件扩展,目前扩展了fastclick和longclick, * 解决某些设备click不执行的问题 * 解决长按事件在拖动.多触 ...

百度地图InfoWindow事件绑定

百度地图InfoWindow事件绑定相关推荐

最新文章

热门文章