百度地图创建多个marker和监听事件

先说说我的问题吧。我的需求是，在地图上自动创建n个标记，每个点有对应的ID,Lon,Lat，当点击指定标记弹出对应标记的信息，监听事件是一样的，但弹出来的信息要根据对应的标记来显示。

一开始我是这样写js的：

        var jsonMarkers =eval('('+'<%=strStations %>'+')'); //从后台获取一个json对象，里面是n个标记的信息for (var i = 0; i < jsonMarkers.length; i++) {var statePoint = new BMap.Point(jsonMarkers[i].Lon, jsonMarkers[i].Lat);marker = new BMap.Marker(statePoint);map.addOverlay(marker);  var label = new BMap.Label(jsonMarkers[i].Name,{offset:new BMap.Size(-10,25)});marker.setLabel(label);marker.setTitle(jsonMarkers[i].ID);marker.addEventListener("click",getAttr); //监听事件}//获取指定标记的详细信息   function getAttr() {for (var i = 0; i < jsonMarkers.length; i++) {if (jsonMarkers[i].ID == marker.getTitle()) { alert(jsonMarkers[i].Name);    }}}

测试的时候，不管点哪个标记，弹出来的信息都是最后一个标记的。

原来是getAttr()中的marker一直延续上面初始化各标记的最后一个marker，而不是我所想的每次点击的那个marker的对象。

所以只要把getAttr()中的marker换成this就可以了，这样可以指定到当前的标记。

我真是蠢成猪了。。。第一篇文章，如有读者，望见谅。

百度地图创建多个marker和监听事件相关推荐

小程序动画创建及动画结束的监听事件
小程序动画创建绑定动画数据 <view class="img-box" animation='{{animationData}}' bindtransitionend='a ...
百度地图创建标注marker，最优缩放级别
百度地图创建marker坐标,添加自定义标注: //首先要引入百度api <script type="text/javascript" src="http://ap ...
百度地图鼠标滑过marker时打开自定义信息窗口
在百度地图上实现鼠标滑过marker时打开自定义的信息窗口,当鼠标滑出marker时关闭已打开的信息窗口. 首先,需要在地图上添加一个marker,具体如下所示: $.ajax({async:fals ...
使用Echart搭配百度地图创建某一地区热点图的注意点
使用Echart搭配百度地图创建的热点图,为网友免费做的demo,细节没有调整.记录一下写的过程. 效果图: 代码: <!DOCTYPE html> <html style=&quo ...
百度地图添加多个marker点位标注
百度地图添加多个marker点位标注新建一个TMap.js文件 export function TMap(key) {return new Promise(function (resolve, re ...
基于高德地图的描点操作，监听地图缩放，展示合理数量的marker
原文:基于高德地图的描点操作,监听地图缩放,展示合理数量的marker 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/lx583274568/art ...
android地图旋转监听,android 百度地图监听事件
1.一般事件监听在初始化地图Activity时,注册一般事件监听,并实现MKGeneralListener的接口处理相应事件,将mBMapMan.init("我的Key", nu ...
android百度地图的点击事件监听,百度地图监听事件addEventListener无效
我这到底是什么问题啊,能打开,能定位,能设置中心,就是监听事件不起作用加了setTimeout就会闪退,求帮助,急急急,很急 var winHeight,map,lat='39.989539',lon ...
【百度地图API】如何给自定义覆盖物添加事件
原文:[百度地图API]如何给自定义覆盖物添加事件摘要: 给marker.lable.circle等Overlay添加事件很简单,直接addEventListener即可.那么,自定义覆盖物的事件应 ...

百度地图创建多个marker和监听事件

百度地图创建多个marker和监听事件相关推荐

最新文章

热门文章