Mapbar也是一个地图服务提供商,和google map,51tidu等类似。用过地图Api就会发现它们大同小异。
Mapbar的map api最新版31.1有13个主要的类,可以参看类参考。
比较重要的是Maplet(实例化一个地图,一般放在一个div里),MMarker(地图标记),MPoint(地理坐标点),MEvent(地图事件)。MStanderControl和MEventListener也是很常用的类。
地图API的使用,首先要将API引入,代码如下:
<script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.1
&k=地图API"></script>
三个参数,f的值表示要使用的API,使用地图API的话参数就是mapi,v是表示版本,k是指对你申请的API密匙,测试的话可以先用“aCW9cItqL6QpaR0pLh8mcBEmcn4eb79hMYF5MXTrEeJsT7J6T7P9TRD7El==@7aMhs7F4s54ecLYLQpaB7T7h95MpsccQpMEMFp79W9pRs5qRp9cWphcraC0pFslFAV=”试试。
初始化一个地图:
var maplet = null;
function initMap(){
maplet = new Maplet("mapbar");
maplet.centerAndZoom(new MPoint(116.38672,39.90805), 8);
maplet.addControl(new MStandardControl());
}
初始化的就是以北京为中心的一个地图,mapbar是指你地图容器的名称,一般是一个DIV。MPoint是指定的中心点,两个参数分别是纬度和经度,最好能够在java中得到float型的变量传过来。8指的是缩放级别,0到13的整数都是有效的。数字越大表示地图越详细。
还有一系列常用的事件,比如放大缩小。
function zoomIn(){
maplet.zoomIn();
}
function zoomOut(){
maplet.zoomOut();
}
在html代码中加入
<button TYPE=button onclick="zoomIn();">zoomIn</button>
<button TYPE=button onclick="zoomOut();">zoomOut</button>
就可以实现自定义的放大缩小。
然后可以在地图上添加叠加层
,比如一个标注。
然后添加一个标注:
function addMarker(){
var marker = new MMarker(
new MPoint(116.38672,39.90805),
new MIcon("Winter.jpg",32,32)
);
maplet.addOverlay(marker);
}
一个Marker就是一个坐标加一个图标,然后要将它加入到地图中去。移除的话可以用
function removeMarker(){
maplet.removeOverlay(marker);
//或者maplet.clearOverlays();清除所有的。
}
默认完成的地图上有许多的控件
,内置的有缩略图,比例尺,平移/缩放控件。
以缩略图为例子:
var visible = true;
var status = true;
function changeOverViewVisible(){
visible=!visible;
//status=!status;
maplet.showOverview(visible, status);
}
function changeOverViewStatus(){
//visible=!visible;
status=!status;
maplet.showOverview(visible, status);
}
<button TYPE=button onclick="changeOverViewVisible();">changeOverViewVisible</button>
<button TYPE=button onclick="changeOverViewStatus();">changeOverViewStatus</button>
分享到:
相关推荐
可以通过该文档可以快速的了解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
离线CHM格式 下载地址: http://union.mapbar.com/apidoc/chm/mapbarapi.rar 效果图: Mapbar 地图 API 让您可以使用 JavaScript 将 Mapbar地图嵌入您自己的网页中。API 提供了许多方法与地图交互(正如...
mapbar推出的,不用质疑。好用又方便。
在线地图 利用google map api 、天地图api、MapBar api、进行地图开发 离线地图 地图保存到本地,用现有技术对数据进行访问。
做程序非常好使的地图软件,本人非常喜欢这个地图
MAPbar 百度例子 不错的好例子!可以看看
mapbar接口的实现 mapbar接口的实现 演示地址:www.51doit.com
通过平台开放和资源置换,Mapbar建立了业内最大的更新及时了的地图信息(POI)数据库和公交线路数据库,充分满足用户各类生活信息的查询和线路查询。Mapbar目前在全国范围内拥有500多家代理商,负责数据的维护和地图...
mapBar百度地图的开源JavaScript源码
NULL 博文链接:https://panduozhi.iteye.com/blog/403153