`

使用百度地图BMap.InfoWindow,分别显示不同的信息窗口

 
阅读更多

 

 

使用BMap.InfoWindow,在for循环展示信息的时候,总是显示最后一条信息的数据。

其实,可以讲BMap.InfoWindow的创建写在一个单独的function中。这样,每一个BMap.InfoWindow,就是显示的当条的信息。

 

[javascript] view plaincopyprint?
  1. function callback(xyResults) {  
  2.    var xyResult = null;  
  3.    for(var i = 0;i<xyResults.length;i++){  
  4.     xyResult = xyResults[i];  
  5.     xySource = qntPoints.points[count*maxCon+i];  
  6.     if (xyResult.error != 0) {  
  7.      continue;  
  8.     }  
  9.     var point = new BMap.Point(xyResult.x, xyResult.y);  
  10.     var myIcon1 = new BMap.Icon("<%=request.getContextPath()%>/js/map/car30.png"new BMap.Size(30,30));  
  11.     var marker = new BMap.Marker(point,{icon:myIcon1});   
  12.     map.addOverlay(marker);  
  13.     txt = "<p style='font-size:14px;'>"+xySource.desc+"</p>" ;  
  14.     <span style="color:#ff0000;"><strong>addInfo(txt,marker);</strong>  
  15. </span>    if(xyResults.length-1==i){  
  16.      map.centerAndZoom(point,6);  
  17.     }  
  18.    }  
  19.    if(qntPoints.parArray.length>++count){  
  20.     BMap.Convertor.transMore(qntPoints.parArray[count], 0, callback);  
  21.    }else{  
  22.     count = 0;  
  23.     qntPoints.parArray = new Array();  
  24.    }  
  25.   }  
  26.     
  27.   <span style="color:#ff0000;">function addInfo(txt,marker){  
  28.     infoWindow = new BMap.InfoWindow(txt);  
  29.     marker.addEventListener("click"function(){this.openInfoWindow(infoWindow);});  
  30.   }  
  31. </span>  

引自博客:

http://blog.csdn.net/mach365/article/details/8103648
 

分享到:
评论

相关推荐

    百度地图自定义大头针(Marker)、自定义信息窗口(InfoBox)

    百度地图API提供了BMap.InfoWindow类用于创建信息窗口,但要自定义样式和内容,我们需要引入BMapLib库中的InfoBox模块。以下是一个基本示例: ```javascript var content = ';"&gt;你的自定义内容&lt;/div&gt;'; // 设置...

    百度地图API同时显示多个标记,可标记自己的所有分公司

    在使用百度地图API时,有时候我们需要在地图上同时显示多个标记,例如标记公司的各个分公司位置。这不仅可以方便用户快速找到各个分公司的地理位置,还可以通过点击标记弹出简介或链接到对应的分公司网站,提供更...

    百度地图V3.6.0系列——覆盖物和InfoWindow

    然后,InfoWindow是百度地图API中的信息窗口组件,用于在地图上显示详细信息。当用户点击覆盖物时,InfoWindow可以弹出包含相关数据的窗口。创建和使用InfoWindow的步骤包括: 1. 创建InfoWindow对象:你可以提供...

    百度地图类库 自定义信息窗口

    本文将深入探讨“百度地图类库 自定义信息窗口”这一主题,旨在帮助开发者更好地理解和运用这一功能。 首先,我们要理解的是什么是信息窗口(InfoWindow)。在百度地图API中,InfoWindow是一种默认的弹出式窗口,...

    百度地图 infoBox 自定义信息框

    在本文中,我们将深入探讨如何使用百度地图API创建自定义的infoBox信息框,并实现自定义标注点模式。首先,让我们了解下基础概念。 百度地图API(Application Programming Interface)是百度提供的一套JavaScript库...

    实现百度地图点击标注弹出窗口_地图定位.zip

    此外,如果项目中需要动态加载标注点,可以使用`BMap.LocalSearch`或`BMap.Geolocation`等服务获取地理位置信息,然后根据获取的数据创建标注点和信息窗口。 总之,实现百度地图点击标注弹出窗口的功能,主要包括...

    百度地图API显示多个标注点信息

    本文将深入探讨如何使用百度地图API显示多个标注点,并结合jQuery库来优化用户体验。 首先,百度地图API(Baidu Maps API)是百度公司提供的一项免费服务,它允许开发者在其网站上集成地图功能,包括定位、地图展示...

    百度地图JS api Demo

    我们可以使用`BMap.Marker`创建标记,`BMap.InfoWindow`创建信息窗口,如下所示: ```javascript var point = new BMap.Point(116.404, 39.915); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay...

    百度地图显示不同点

    总的来说,实现“百度地图显示不同点”并进行二次开发,你需要掌握百度地图API的基本用法,包括地图初始化、标注创建、位置修改以及信息窗口的使用。通过编程,你可以创建一个交互式的地图应用,用户不仅可以查看...

    百度地图infoBox例子

    infoBox是百度地图API中的一个组件,主要用于创建带有信息窗口的弹出框,用户可以在地图上点击特定的标注或位置点时显示详细信息,如地址、联系方式、图片、文字描述等。 infoBox的基本用法涉及以下几个关键步骤: ...

    百度MapBar电子地图的javascript代码.zip

    5. **信息窗口**:在标注点上添加信息窗口,展示详细信息: ```javascript var infoWindow = new BMap.InfoWindow("这里是详细信息"); marker.addEventListener("click", function() { this.openInfoWindow...

    百度地图API显示多个标注点添加百度样式检索窗口

    在使用百度地图API时,开发人员常常需要在地图上显示多个标注点,以展示地理位置信息。这通常是通过创建多个Marker对象实现的。每个Marker代表地图上的一个特定位置,可以通过设置不同的坐标来定位。同时,为了增强...

    html+js实现百度地图的多个标注点的显示

    最后,遍历`markers`数组,为每个标注点创建`BMap.Marker`对象,并添加`BMap.InfoWindow`(信息窗口): ```javascript for (var i = 0; i &lt; markers.length; i++) { var marker = new BMap.Marker(new BMap.Point...

    百度地图自定义图标

    在使用百度地图SDK进行开发时,自定义图标是一项重要的功能,它允许开发者根据自己的需求定制地图上的标记(Marker)形象,提升用户体验并增加应用的独特性。本教程将深入讲解如何在百度地图SDK2中实现这一功能,...

    百度地图点击标注,弹出窗口.rar

    总的来说,这个功能的实现涉及到百度地图API的多个组件和方法,包括地图初始化、标注创建、事件监听以及信息窗口的使用。掌握这些知识点对于进行百度地图相关的Web开发是非常重要的。通过实践,开发者可以创建出更...

    【百度地图API】如何自定义地图图层?

    `BMap.InfoWindow`类用于创建信息窗口,设置其内容并调用`open`方法将其关联到特定的标记上。在提供的文件`PopupBaiduMap`中,可能包含如何创建和操作信息窗口的示例代码。 4. **搜索自定义标记** 百度地图API的`...

    百度地图api实现部分功能,根据多个坐标连成轨迹、坐标拾取、实现多个标注点并带信息窗口

    在本文中,我们将深入探讨如何使用百度地图API来实现一系列关键功能,包括连接多个坐标以形成轨迹、坐标拾取、以及创建带有信息窗口的多个标注点。这些功能在Web应用开发、JavaScript工具包、企业应用以及GIS/地图/...

    百度地图自定义信息窗体样式

    百度地图自定义信息窗体样式

    百度地图 js api

    - **标注与信息窗口**: `BMap.Marker`用于添加标记,`BMap.InfoWindow`显示相关信息。 - **覆盖物**: 可以添加多边形、圆、线段等覆盖物,丰富地图表现。 - **事件监听**: 监听用户与地图的交互,如点击、拖拽等。 -...

    百度地图MAP JS

    var infoWindow = new BMap.InfoWindow("这里是信息窗口内容"); // 创建信息窗口 marker.addEventListener("click", function() { this.openInfoWindow(infoWindow); // 点击标注时打开信息窗口 }); ``` **四...

Global site tag (gtag.js) - Google Analytics