使用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
相关推荐
百度地图API提供了BMap.InfoWindow类用于创建信息窗口,但要自定义样式和内容,我们需要引入BMapLib库中的InfoBox模块。以下是一个基本示例: ```javascript var content = ';">你的自定义内容</div>'; // 设置...
在使用百度地图API时,有时候我们需要在地图上同时显示多个标记,例如标记公司的各个分公司位置。这不仅可以方便用户快速找到各个分公司的地理位置,还可以通过点击标记弹出简介或链接到对应的分公司网站,提供更...
然后,InfoWindow是百度地图API中的信息窗口组件,用于在地图上显示详细信息。当用户点击覆盖物时,InfoWindow可以弹出包含相关数据的窗口。创建和使用InfoWindow的步骤包括: 1. 创建InfoWindow对象:你可以提供...
本文将深入探讨“百度地图类库 自定义信息窗口”这一主题,旨在帮助开发者更好地理解和运用这一功能。 首先,我们要理解的是什么是信息窗口(InfoWindow)。在百度地图API中,InfoWindow是一种默认的弹出式窗口,...
在本文中,我们将深入探讨如何使用百度地图API创建自定义的infoBox信息框,并实现自定义标注点模式。首先,让我们了解下基础概念。 百度地图API(Application Programming Interface)是百度提供的一套JavaScript库...
此外,如果项目中需要动态加载标注点,可以使用`BMap.LocalSearch`或`BMap.Geolocation`等服务获取地理位置信息,然后根据获取的数据创建标注点和信息窗口。 总之,实现百度地图点击标注弹出窗口的功能,主要包括...
本文将深入探讨如何使用百度地图API显示多个标注点,并结合jQuery库来优化用户体验。 首先,百度地图API(Baidu Maps API)是百度公司提供的一项免费服务,它允许开发者在其网站上集成地图功能,包括定位、地图展示...
我们可以使用`BMap.Marker`创建标记,`BMap.InfoWindow`创建信息窗口,如下所示: ```javascript var point = new BMap.Point(116.404, 39.915); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay...
总的来说,实现“百度地图显示不同点”并进行二次开发,你需要掌握百度地图API的基本用法,包括地图初始化、标注创建、位置修改以及信息窗口的使用。通过编程,你可以创建一个交互式的地图应用,用户不仅可以查看...
infoBox是百度地图API中的一个组件,主要用于创建带有信息窗口的弹出框,用户可以在地图上点击特定的标注或位置点时显示详细信息,如地址、联系方式、图片、文字描述等。 infoBox的基本用法涉及以下几个关键步骤: ...
5. **信息窗口**:在标注点上添加信息窗口,展示详细信息: ```javascript var infoWindow = new BMap.InfoWindow("这里是详细信息"); marker.addEventListener("click", function() { this.openInfoWindow...
在使用百度地图API时,开发人员常常需要在地图上显示多个标注点,以展示地理位置信息。这通常是通过创建多个Marker对象实现的。每个Marker代表地图上的一个特定位置,可以通过设置不同的坐标来定位。同时,为了增强...
最后,遍历`markers`数组,为每个标注点创建`BMap.Marker`对象,并添加`BMap.InfoWindow`(信息窗口): ```javascript for (var i = 0; i < markers.length; i++) { var marker = new BMap.Marker(new BMap.Point...
在使用百度地图SDK进行开发时,自定义图标是一项重要的功能,它允许开发者根据自己的需求定制地图上的标记(Marker)形象,提升用户体验并增加应用的独特性。本教程将深入讲解如何在百度地图SDK2中实现这一功能,...
总的来说,这个功能的实现涉及到百度地图API的多个组件和方法,包括地图初始化、标注创建、事件监听以及信息窗口的使用。掌握这些知识点对于进行百度地图相关的Web开发是非常重要的。通过实践,开发者可以创建出更...
`BMap.InfoWindow`类用于创建信息窗口,设置其内容并调用`open`方法将其关联到特定的标记上。在提供的文件`PopupBaiduMap`中,可能包含如何创建和操作信息窗口的示例代码。 4. **搜索自定义标记** 百度地图API的`...
在本文中,我们将深入探讨如何使用百度地图API来实现一系列关键功能,包括连接多个坐标以形成轨迹、坐标拾取、以及创建带有信息窗口的多个标注点。这些功能在Web应用开发、JavaScript工具包、企业应用以及GIS/地图/...
百度地图自定义信息窗体样式
- **标注与信息窗口**: `BMap.Marker`用于添加标记,`BMap.InfoWindow`显示相关信息。 - **覆盖物**: 可以添加多边形、圆、线段等覆盖物,丰富地图表现。 - **事件监听**: 监听用户与地图的交互,如点击、拖拽等。 -...
var infoWindow = new BMap.InfoWindow("这里是信息窗口内容"); // 创建信息窗口 marker.addEventListener("click", function() { this.openInfoWindow(infoWindow); // 点击标注时打开信息窗口 }); ``` **四...