`
Tank03
  • 浏览: 80927 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Mapabc地图----展示地图上的所有点

阅读更多


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文档--方法,函数

    MapABC地图应用程序编程接口是北京图盟科技有限公司提供的一套用于构建地图应用的API,主要包含Ajax API(Ajax地图展现)2.1.2公众版。这个API允许开发者使用JavaScript在HTML页面中创建自定义的Ajax地图应用,同时...

    Mapabc地图资料整理

    利用MapABC-API提供的路径规划功能,可以在地图上展示从一个地点到另一个地点的最佳路线。这有助于为用户提供导航指引。 ### 四、总结 通过上述介绍,我们可以看到MapABC-API(Ajax)不仅能够帮助我们轻松地在网页...

    MapABCAPI-WP7

    首先,MapABC API为开发者提供了丰富的地图控件,可以在Windows Phone 7应用中无缝集成地图展示。这个控件可以自适应屏幕大小,支持缩放和平移操作,使用户能方便地浏览地图。通过设置控件的属性,开发者可以调整...

    MapABC 地图API介绍

    6. **事件监听与交互**:MapABC地图API允许监听地图上的各种事件,如点击、拖动等,增强了用户与地图的互动性。开发者可以通过这些事件来实现更丰富的功能。 7. **服务调用限制与计费**:MapABC地图API通常会有一定...

    MapABC地图使用手册

    MapABC地图API允许开发者在地图上自由标注,展示自定义数据,这在国内地图API中是首个支持此功能的服务。它提供了JavaScript接口的Flash地图引擎和Ajax地图引擎,使得地图具备动态表现效果,确保在各种浏览器中都能...

    MAPABC电子地图代码

    - **初始化地图**:testBegin.html可能是基础地图展示的示例,包含如何设置地图的中心点、缩放级别以及加载地图的基本框架。 - **自定义功能**:testCustom.html可能展示了更高级的用法,如添加自定义标记、事件...

    MapABC-Flex.rar_flex_mapabc flex api_site:www.pudn.com_高德_高德地图

    - **Marker和InfoWindow**:用于在地图上添加标记和信息窗口,可以展示地理位置的具体信息。 - **Overlay**:覆盖物,用于在地图上添加自定义图形或图像,如热力图、轨迹线等。 - **Services**:提供各种地理服务...

    google地图mapabc地图yahoo 在线地图api开发包OnlineMapProject.rar

    MapABC是中国本土的在线地图服务提供商,其地图API提供了类似的功能,如地图展示、标注、路径规划等。MapABC API支持JavaScript和RESTful两种接口,适用于不同类型的开发需求。开发者可以通过注册获取API密钥,然后...

    MapABC Flex API 示例 代码 用户手册 开发包

    - **标记与图例**:如何在地图上添加自定义图标作为标记,以及创建图例来解释地图上的元素。 - **事件处理**:监听用户交互,如点击地图、拖动地图等,进行相应操作。 - **地理编码与反向地理编码**:将地址转换...

    mapabc地图中建筑物的显示,并且展示建筑物的详细信息

    本篇文章将深入探讨如何在Mapabc地图中显示建筑物并展示其详细信息。 首先,我们要了解Mapabc地图的基本操作。Mapabc提供了Web API,允许开发者在其网页应用中嵌入地图。通过调用API中的方法,我们可以控制地图的...

    MAPABC电子地图应用PPT讲解

    这个示例创建了一个基本的MapABC地图,设置ID为"fmptest",缩放级别为10,中心点位于北京。 总的来说,MapABC电子地图应用不仅提供了丰富的地图服务,还通过API开放了地图功能,使得开发者能够构建个性化的地图应用...

    MapABC API for Android 开发指南

    综上所述,MapABC地图API for Android提供了一整套全面的地图开发工具,涵盖了地图显示、定位、搜索、路径规划等多个方面,极大地丰富了地图应用的开发能力。无论是初学者还是经验丰富的开发者,都能通过MapABC地图...

    mapabc API

    - **MMarker**:用于在地图上添加标记点。 - **MPolyline**:用于在地图上绘制线。 - **MArea**:基类,用于表示封闭区域,包含子类MCircle、MRectangle、MPolygon等。 **3. 参数选项对象** 这些对象用于设置...

    MapABC API

    例如,Flash地图API用户手册可能包含如何使用Flash技术集成地图,适合那些希望在Flash环境中展示地图的开发者。地图组件API用户手册则可能涉及如何使用预封装的组件,如地图控件、标注控件等,简化开发流程。搜索API...

    MapABC_API_JavaScript

    MapABC_API_JavaScript是专为开发者设计的一个工具集,它包含了MapABC地图服务的JavaScript版本的所有API,便于在Web应用程序中集成地图功能。这个API提供了丰富的地图操作和功能,帮助开发者轻松创建交互式地图应用...

    MapABC开发资料

    天气预报查询可能介绍如何集成天气数据到MapABC地图上,展示实时或预测的天气信息。GPS坐标处理可能讲解如何解析GPS坐标,将其转换为地图上的位置,并进行轨迹分析或定位服务。 综上所述,这个压缩包提供了MapABC...

    MapABC Flash Map doc

    - **纯JS地图**:依赖于网络上的JavaScript库,适用于简单的地图展示需求,但处理大数据量时可能效率较低。 - **Flash地图**:提供了更佳的用户体验,在处理大数据量时具有显著优势,尤其是在实时追踪和轨迹回放等...

Global site tag (gtag.js) - Google Analytics