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 = [];   // <-------这是一个全局数组
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值