function changeEquimentStatus(equipmentInfo) {
var tip = mapObj.getOverlayById(equipmentInfo.id);
tip.option.tipOption.title = "这里是弹出框的标题";//信息窗口标题
tip.option.tipOption.content="这里是弹出框的内容";//信息窗口内容
tip.option.tipOption.content +="里是弹出框的增加的内容";
tip.option.tipOption.borderStyle.thickness = 2;
tip.option.tipOption.borderStyle.color = 0x005cb5;
tip.option.tipOption.borderStyle.alpha = 1;
tip.option.tipOption.titleFontStyle.name = "Arial";
tip.option.tipOption.titleFontStyle.size = 12;
tip.option.tipOption.titleFontStyle.color = 0xffffff;
tip.option.tipOption.titleFontStyle.bold = true;
tip.option.tipOption.contentFontStyle.name = "Arial";
tip.option.tipOption.contentFontStyle.size = 13;
tip.option.tipOption.contentFontStyle.color = 0x000000 ;
tip.option.tipOption.contentFontStyle.bold = false;
tip.option.tipOption.fillStyle.color = 0xFFFFFF; //填充色
tip.option.tipOption.fillStyle.alpha = 1;
tip.option.tipOption.titleFillStyle.color = 0x005cb5;
tip.option.tipOption.titleFillStyle.alpha = 1;
var labelOption = new MLabelOptions();//添加标注
labelOption.content = equipmentInfo.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/st"+status+".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.canShowTip = true; //是否在地图中显示信息窗口,true,可以显示(默认);false,不显示
markerOption.rotation = "0"; //设置图标旋转的角度
//equipmentInfo.lon <--------(经度) (纬度)--------->equipmentInfo.lat
var marker = new MMarker(new MLngLat(equipmentInfo.lon,equipmentInfo.lat),markerOption);//通过经纬度坐标及参数选项确定标注信息
marker.id = equipmentInfo.id;//对象编号,也是对象的唯一标识
mapObj.updateOverlay(tip);//修改内容和标题
mapObj.updateOverlay(marker);//更新对象
}
分享到:
相关推荐
MapABC地图应用程序编程接口是北京图盟科技有限公司提供的一套用于构建地图应用的API,主要包含Ajax API(Ajax地图展现)2.1.2公众版。这个API允许开发者使用JavaScript在HTML页面中创建自定义的Ajax地图应用,同时...
再者,MapABC API允许开发者在地图上添加自定义图层,包括点、线和框。点通常表示地理位置,可以用来标记兴趣点;线则常用于描绘路径或路线,例如导航应用中的驾车路线;而框则可以用来围住特定的地理区域,如城市...
6. **事件监听与交互**:MapABC地图API允许监听地图上的各种事件,如点击、拖动等,增强了用户与地图的互动性。开发者可以通过这些事件来实现更丰富的功能。 7. **服务调用限制与计费**:MapABC地图API通常会有一定...
1. **开发者标注**:MapABC地图API允许开发者通过接口将个性化数据直接标注在地图上,实现“我的地图我做主”,这对于开发定制化地图应用非常有用。 2. **Flash技术支持**:利用Flash技术,MapABC地图API能够创建...
MapABC地图API是一款广泛应用于地理信息系统(GIS)开发中的工具,为开发者提供了在网页上集成地图功能的能力。这个压缩包包含四个不同版本的MapABC地图API文档:Flash版、JavaScript版、Silverlight版和Flex版,...
MapABC地图API JavaScript版
总的来说,"MAPABC电子地图代码"是一个学习和实践地图开发的好材料,它涵盖了地图API的基本使用和一些进阶功能。通过这三个HTML文件,开发者能够深入理解如何在Web应用中集成和定制电子地图,提升自己的技能。
1.了解MapABC地图 2.MapABC地图服务平台的产品特点? 3.MapABC地图服务平台总体架构 4.MapABC Web API 简介 5.MapABC Ajax API(Ajax地图展现) 6.如何使用MapABC Ajax API(Ajax地图展现) ? 7.如何使用MapABC ...
标题中的“mapabc地图数据下载,高德数据(免费更新)”揭示了本文将要讨论的核心内容,即如何获取和使用mapabc与高德地图的数据,特别是这些数据的免费更新服务。mapabc和高德地图是两个知名的在线地图服务平台,...
1. **开发者标注支持**:这是MapABC的一大亮点,它允许开发者通过接口将自己的数据直接标注在地图上,实现个性化地图定制。这一特性使得开发者能够“我的地图我做主”,创建具有独特数据和功能的地图应用。 2. **...
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
本文将围绕“MapABC-Flex.rar”压缩包中的内容,详细解析高德地图Flex API的使用,帮助开发者构建高效、灵活的互动式地图应用。 1. **什么是Flex API?** Flex API是高德地图提供的一种基于Adobe Flex技术的开发...
3. 初始化地图:设置地图的基本参数,如中心点、缩放级别等,然后在页面上创建地图实例。 4. 添加功能:利用API提供的方法添加标记、绘制形状、设置图层、实现交互等。 5. 处理用户输入:响应用户的点击、拖拽等操作...
- **标记与图例**:如何在地图上添加自定义图标作为标记,以及创建图例来解释地图上的元素。 - **事件处理**:监听用户交互,如点击地图、拖动地图等,进行相应操作。 - **地理编码与反向地理编码**:将地址转换...
可以导入其他数据库中使用,字段前面2个是经纬度范围,中间2个是偏移像素每级缩放除以2,最后2个是偏移经纬度,提供的格式是度,需要度分的自己转,适用于googlemap,mapabc,腾讯soso地图等高德系地图。 --另外有偿...
Mobile Atlas Creator 是一个为各种手机地图软件创建离线地图的开源应用程序。它能够用最简便 的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它...