事件:
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 onclick="initMap();">LoadMap</button>
</BODY>
</HTML>
使用以上API就可以建立地图应用了,地图应用的关键还在于创意,有更好的创意,再加上技术的实现才会创造更多的价值。
Mapbar的优点在于使用简单,完全免费。文档也比较符合java开发者的习惯。不过看看它的条款就知道一路照搬google的而且诸多保留×××权力之类。没有进行压力测试,但是感觉还可以忍受。比51地图还快一点。建立入门级的应用是个不错的选择。
|
分享到:
相关推荐
NULL 博文链接:https://jkfzero.iteye.com/blog/271300
可以通过该文档可以快速的了解flash,并对flash的组件API和地图PAI进行快速了解
javascript+mapbar实现地图定位(Mapbar API)
图吧地图API,欢迎下载使用.让你轻松了解接口让你轻松了解接口
mapbarapi.js控制地图显示格式的js文件,通过简单程序调用这个js文件,可以按照格式显示自己想要的格式
mapbar(图吧)是地图方面的一个半开源工具。这个是使用它的api
//api说明 http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html //类参考文档 http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html 51地图 //api说明 ...
关于地图二次开发的技术文档,对GIS、RS、GPS应用人员有一定的帮助!
百度MapBar电子地图的javascript代码.rar
Mapbar图吧地图公司介绍
目前主要Map API服务供应商(API接口)及其技术特点; Google Maps API Microsoft Virtual Earth API Yahoo Maps API MapABC API MapBar API
mapbar推出的,不用质疑。好用又方便。
在线地图 利用google map api 、天地图api、MapBar api、进行地图开发 离线地图 地图保存到本地,用现有技术对数据进行访问。
离线CHM格式 下载地址: http://union.mapbar.com/apidoc/chm/mapbarapi.rar 效果图: Mapbar 地图 API 让您可以使用 JavaScript 将 Mapbar地图嵌入您自己的网页中。API 提供了许多方法与地图交互(正如...
做程序非常好使的地图软件,本人非常喜欢这个地图
MAPbar 百度例子 不错的好例子!可以看看
mapbar接口的实现 mapbar接口的实现 演示地址:www.51doit.com
通过平台开放和资源置换,Mapbar建立了业内最大的更新及时了的地图信息(POI)数据库和公交线路数据库,充分满足用户各类生活信息的查询和线路查询。Mapbar目前在全国范围内拥有500多家代理商,负责数据的维护和地图...
mapBar百度地图的开源JavaScript源码
NULL 博文链接:https://panduozhi.iteye.com/blog/403153