使用BMap.InfoWindow,在for循环展示信息的时候,总是显示最后一条信息的数据。
其实,可以讲BMap.InfoWindow的创建写在一个单独的function中。这样,每一个BMap.InfoWindow,就是显示的当条的信息。
- function callback(xyResults) {
- var xyResult = null;
- for(var i = 0;i<xyResults.length;i++){
- xyResult = xyResults[i];
- xySource = qntPoints.points[count*maxCon+i];
- if (xyResult.error != 0) {
- continue;
- }
- var point = new BMap.Point(xyResult.x, xyResult.y);
- var myIcon1 = new BMap.Icon("<%=request.getContextPath()%>/js/map/car30.png", new BMap.Size(30,30));
- var marker = new BMap.Marker(point,{icon:myIcon1});
- map.addOverlay(marker);
- txt = "<p style='font-size:14px;'>"+xySource.desc+"</p>" ;
- <span style="color:#ff0000;"><strong>addInfo(txt,marker);</strong>
- </span> if(xyResults.length-1==i){
- map.centerAndZoom(point,6);
- }
- }
- if(qntPoints.parArray.length>++count){
- BMap.Convertor.transMore(qntPoints.parArray[count], 0, callback);
- }else{
- count = 0;
- qntPoints.parArray = new Array();
- }
- }
- <span style="color:#ff0000;">function addInfo(txt,marker){
- infoWindow = new BMap.InfoWindow(txt);
- marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);});
- }
- </span>
引自博客:
http://blog.csdn.net/mach365/article/details/8103648
相关推荐
是echarts和百度地图结合时需要导入的百度地图的js文件
百度地图扩展包,可用于Echarts使用百度地图作为底图。ECharts是一个使用 JavaScript 实现的开源可视化库。
世界地图bmap.js
百度bmap.js,实测可用,欢迎下载。 是echarts和百度地图结合时需要导入的百度地图的js文件
--百度申请开发码--> <script type="text/javascript" src="/js/echarts/js/echarts.min.js"> <script type="text/javascript" src="/js/echarts/js/bmap.min.js"></script>
ECharts 之前提供下载的矢量地图数据来自第三方,由于部分数据不符合国家《测绘法》规定,目前...建议大家使用以百度地图为底图的形式,需要引入扩展插件bmap.min.js,扩展主要提供了跟 geo 一样的坐标系和底图的绘制
ECharts 百度地图扩展插件bmap.min.js
百度地图和echarts的结合使用,是数据可视化大屏开发过程中最亮眼的搭配组合,而连接两者之间关系的就是bmap.js。本项目主要涉及到: 百度地图的引入; 百度地图个性化配置; echarts组件bmap的调用和参数设置; ...
百度地图自定义信息窗体样式
示范使用SuperMap iClient 6R for Flex开发模式,通过设置InfoWindow 类的各种Styles属性,自定义信息窗InfoWindow样式。
本人亲测可用,echarts官网实例中展示了与百度地图结合,其中需要bmap.js等,直接放入将压缩包中的js放入项目中引用即可使用。
echarts整合百度地图所需要的js文件(china.js-world.js-bmap.js).rar
var infoWindow = new BMap.InfoWindow(MapControl.infoWinContent, MapControl.infoOpts); // 创建信息窗口对象 MapControl.marker.addEventListener("mouseover", function(){ this....
是echarts和百度地图结合时需要导入的百度地图的js文件