function showEmployeeLine(employeerArr){//employeerArr是一个数组
for(var i=0;i<employeerArr.length;i++){
var tipOption=new MTipOptions();//添加信息窗口
tipOption.title="编号:"+employeerArr[i].id;//信息窗口标题
tipOption.content="<div style='padding: 5px;font-family: 微软雅黑;'>名字:"+employeerArr[i].name+"<br/>手机号码:"+employeeInfo.mobile_phone+"<br/>工作状态:"+employeeInfo.work_status+"</div>";//信息窗口内容
tipOption.borderStyle.thickness = 2;
tipOption.borderStyle.color = 0x005cb5;
tipOption.borderStyle.alpha = 1;
tipOption.titleFontStyle.name = "Arial";
tipOption.titleFontStyle.size = 12;
tipOption.titleFontStyle.color = 0xffffff;
tipOption.titleFontStyle.bold = true;
tipOption.contentFontStyle.name = "Arial";
tipOption.contentFontStyle.size = 13;
tipOption.contentFontStyle.color = 0x000000 ;
tipOption.contentFontStyle.bold = false;
tipOption.fillStyle.color = 0xFFFFFF; //填充色
tipOption.fillStyle.alpha = 1;
tipOption.titleFillStyle.color = 0x005cb5;
tipOption.titleFillStyle.alpha = 1;
var labelOption = new MLabelOptions();//添加标注
labelOption.content = employeerArr[i].name;//标注的内容
labelOption.hasBorder = true;//设置标注背景是否有边框,默认为false,即没有边框
labelOption.hasBackground = true;//设置标注是否有背景,默认为false,即没有背景
labelOption.labelPosition = new MPoint(-25,0);//标注左上角相对于图片中下部的锚点。Label左上角与图片中下部重合时,记为像素坐标原点(0,0)。
//构建一个名为markerOption的点选项对象。
var markerOption = new MMarkerOptions();
markerOption.imageUrl = "/项目名/images/icon_engineer.png";//标注图片或SWF的url,默认为蓝色气球图片
markerOption.anchor = new MPoint(0,0);//图片锚点BOTTOM_CENTER相对于标注位置的位置
markerOption.imageAlign = BOTTOM_CENTER; //设置图片相对于加点经纬度坐标的位置。九宫格位置。默认BOTTOM_CENTER代表正下方
markerOption.labelOption = labelOption;//设置点的标注参数选项
markerOption.isEditable = false; //设置点是否为可编辑状态,rue,可以编辑; false,不可编辑(默认)
markerOption.tipOption = tipOption; //设置点的信息窗口参数选项
markerOption.canShowTip = true; //是否在地图中显示信息窗口,true,可以显示(默认);false,不显示
markerOption.rotation = "0"; //设置图标旋转的角度
//employeerArr[i].lon 某个人的经度
//employeerArr[i].lat 某个人的纬度
var Mmarker = new MMarker(new MLngLat(employeerArr[i].lon,employeerArr[i].lat),markerOption);
Mmarker.id = employeerArr[i].id;//对象编号,也是对象的唯一标识
markerList.push(Mmarker);
}
mapObj.addOverlays(markerList,true);
markerList = [];
}
mapObj.addOverlays(markerList,true); ///<------这个 mapObj要定义为全局变量
markerList = []; // <-------这是一个全局数组
分享到:
相关推荐
MapABC地图应用程序编程接口是北京图盟科技有限公司提供的一套用于构建地图应用的API,主要包含Ajax API(Ajax地图展现)2.1.2公众版。这个API允许开发者使用JavaScript在HTML页面中创建自定义的Ajax地图应用,同时...
首先,MapABC API为开发者提供了丰富的地图控件,可以在Windows Phone 7应用中无缝集成地图展示。这个控件可以自适应屏幕大小,支持缩放和平移操作,使用户能方便地浏览地图。通过设置控件的属性,开发者可以调整...
6. **事件监听与交互**:MapABC地图API允许监听地图上的各种事件,如点击、拖动等,增强了用户与地图的互动性。开发者可以通过这些事件来实现更丰富的功能。 7. **服务调用限制与计费**:MapABC地图API通常会有一定...
MapABC地图API允许开发者在地图上自由标注,展示自定义数据,这在国内地图API中是首个支持此功能的服务。它提供了JavaScript接口的Flash地图引擎和Ajax地图引擎,使得地图具备动态表现效果,确保在各种浏览器中都能...
- **初始化地图**:testBegin.html可能是基础地图展示的示例,包含如何设置地图的中心点、缩放级别以及加载地图的基本框架。 - **自定义功能**:testCustom.html可能展示了更高级的用法,如添加自定义标记、事件...
- **Marker和InfoWindow**:用于在地图上添加标记和信息窗口,可以展示地理位置的具体信息。 - **Overlay**:覆盖物,用于在地图上添加自定义图形或图像,如热力图、轨迹线等。 - **Services**:提供各种地理服务...
MapABC是中国本土的在线地图服务提供商,其地图API提供了类似的功能,如地图展示、标注、路径规划等。MapABC API支持JavaScript和RESTful两种接口,适用于不同类型的开发需求。开发者可以通过注册获取API密钥,然后...
- **标记与图例**:如何在地图上添加自定义图标作为标记,以及创建图例来解释地图上的元素。 - **事件处理**:监听用户交互,如点击地图、拖动地图等,进行相应操作。 - **地理编码与反向地理编码**:将地址转换...
本篇文章将深入探讨如何在Mapabc地图中显示建筑物并展示其详细信息。 首先,我们要了解Mapabc地图的基本操作。Mapabc提供了Web API,允许开发者在其网页应用中嵌入地图。通过调用API中的方法,我们可以控制地图的...
这个示例创建了一个基本的MapABC地图,设置ID为"fmptest",缩放级别为10,中心点位于北京。 总的来说,MapABC电子地图应用不仅提供了丰富的地图服务,还通过API开放了地图功能,使得开发者能够构建个性化的地图应用...
综上所述,MapABC地图API for Android提供了一整套全面的地图开发工具,涵盖了地图显示、定位、搜索、路径规划等多个方面,极大地丰富了地图应用的开发能力。无论是初学者还是经验丰富的开发者,都能通过MapABC地图...
- **MMarker**:用于在地图上添加标记点。 - **MPolyline**:用于在地图上绘制线。 - **MArea**:基类,用于表示封闭区域,包含子类MCircle、MRectangle、MPolygon等。 **3. 参数选项对象** 这些对象用于设置...
MapABC_API_JavaScript是专为开发者设计的一个工具集,它包含了MapABC地图服务的JavaScript版本的所有API,便于在Web应用程序中集成地图功能。这个API提供了丰富的地图操作和功能,帮助开发者轻松创建交互式地图应用...
例如,Flash地图API用户手册可能包含如何使用Flash技术集成地图,适合那些希望在Flash环境中展示地图的开发者。地图组件API用户手册则可能涉及如何使用预封装的组件,如地图控件、标注控件等,简化开发流程。搜索API...
天气预报查询可能介绍如何集成天气数据到MapABC地图上,展示实时或预测的天气信息。GPS坐标处理可能讲解如何解析GPS坐标,将其转换为地图上的位置,并进行轨迹分析或定位服务。 综上所述,这个压缩包提供了MapABC...
它支持多种地图样式和定制选项,帮助开发者实现个性化地图展示。 **4. 如何开发其他地图引擎** Gmap.net不仅作为一个现成的解决方案,还向开发者展示了如何设计和实现自己的地图引擎。它可能包含了一些核心的地理...