MapBar的Api使用简略说明（下）

事件：

MEvent类

最重要最常用的一段事件代码：

MEvent.addListener(maplet, "click", function() {  alert("您点击了地图。");
})

三个参数分别是将事件注册给哪个元素，注册的什么时间，事件发生做什么。第三个参数是个回调函数。但是要注意到是第二个参数是mapbar自定义的事件，一般是常用的事件去掉on，可以参看类参考具体有哪些事件。回调函数可以带有参数。

还可以将事件绑定到对象：

var mapApp = new MyApp();
function MyApp(){this.counter = 0;MEvent.bind(maplet,"click",this,this.onMapClick);
}
MyApp.prototype.onMapClick=function(){this.counter++;  alert("这是您第 " + this.counter + " 次点击地图");
}

补充一点：热点

也是一种叠加层，类描述是这样的

addHotspot(flag, point, label, minLevel, maxLevel) 增加地图热点，请参见叠加层章节的地图热点小节。

参数：

flag: String 类型，固定输入 "mapbar" 即可。
point: MPoint 类型，包含地图热点中心点经纬度的点对象。
label: String 类型，热点标签文字，该标签内容不会显示在地图上，它被传递到 Maplet 对象的 hotspot 事件中。
minLevel: Integer 类型，最低缩放级别。
maxLevel: Integer 类型，最低缩放级别。

返回值： 无。
备注： 参数 minLevel 必须小于等于 maxLevel 。

热点区域适用于可以快速显示详细的地点信息，也是热点意思的所在。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31  &k=aCW9cItqL7sqT7AxaB0zdHTyNel7NHTrEeJsZBDzZIP4OYQ  nEl==@Tt@TI7qBceaZrP=z9Nq7cQdJeZ=@ZZNaTaPsa=9Waa9P  at=4Pq0IBtZItqa==BsIl9EZPa9/29="></script>
<script language="javascript">var maplet = null;  function initMap(){  maplet = new Maplet("mapbar");  maplet.addHotspot("mapbar", new MPoint(116.38689,39.90578), "北京市", 2, 4);  maplet.centerAndZoom(new MPoint(116.38689,39.90578), 2);  maplet.addControl(new MStandardControl());  MEvent.addListener(maplet, "hotspot", goCity)  }  function goCity(label) {  maplet.centerAndZoom(new MPoint(label),10);  } </script>
<BODY>
<div id="mapbar" style="width:500px;height:300px"></div>
<button  TYPE=button οnclick="initMap();">LoadMap</button>
</BODY>
</HTML>

使用以上API就可以建立地图应用了，地图应用的关键还在于创意，有更好的创意，再加上技术的实现才会创造更多的价值。

Mapbar的优点在于使用简单，完全免费。文档也比较符合java开发者的习惯。不过看看它的条款就知道一路照搬google的而且诸多保留×××权力之类。没有进行压力测试，但是感觉还可以忍受。比51地图还快一点。建立入门级的应用是个不错的选择。

MapBar的Api使用简略说明（下）相关推荐

MapBar的Api使用简略说明（上）
Mapbar也是一个地图服务提供商,和google map,51tidu等类似.用过地图Api就会发现它们大同小异. Mapbar的map api最新版31.1有13个主要的类,可以参看类参考. 比较 ...
Mapbar 地图 API 概念技术文档
Mapbar 地图 API 概念欢迎阅读 Mapbar 地图 API 的开发人员文档!Mapbar 地图 API 允许您在网页中嵌入Mapbar 地图 .要使用该 API,您需要先注册 API 密钥 ...
Mapbar 地图 API 实例
下面给出了 Mapbar 地图 API 文档集中包含的所有示例,作为快速参考. 简单的地图地图标注地图动画地图模式自定义鼠标样式新! 地图四个顶点新! 简单事件事件上下文事件闭包事件 ...
5. 深入研究 UCenter API 之 MVC 网站下的用法（转载）
1. 深入研究 UCenter API 之开篇 (转载) 2. 深入研究 UCenter API 之通讯原理(转载) 3. 深入研究 UCenter API 之加密与解密(转载) 4. ...
Flink Table API和SQL（下）
传送门: Flink Table API和SQL(上)(基本API介绍+流处理表的特性) Flink Table API和SQL(中)(时间属性及窗口+聚合查询+联结查询) Flink Table A ...
微信小程序开发 | API应用案例（下）
API应用案例(下) 6.1[案例5]模拟时钟 6.1.1 案例分析 6.1.2 前导知识 6.1.3 钟表页面布局 6.1.4 钟表页面绘制 6.2[案例6]罗盘动画 6.2.1 案例分析 6.2. ...
启用WebApi 2里的Api描述信息(Help下的Description)
环境:vs2013+web api 2 问题:默认情况下新建的Web Api 2项目,自带的Help页下会显示Api的相关信息,但Description那一栏无法获取到数据,如下图所示: 解决: 1. ...
微软是如何输掉API之战（下）
是的,这篇翻译是下篇,上篇是在: http://www.blogwind.com/Wuvist/6984.shtml 我在2005年2月13日翻译的.如果你没有看过上篇,也没有看过原文(http:// ...
【小白学PyTorch】扩展之Tensorflow2.0 | 21 Keras的API详解（下）池化、Normalization
<<小白学PyTorch>> 扩展之Tensorflow2.0 | 21 Keras的API详解(上)卷积.激活.初始化.正则扩展之Tensorflow2.0 | 20 TF ...

MapBar的Api使用简略说明（下）

MapBar的Api使用简略说明（下）相关推荐

最新文章

热门文章