在项目中使用地图时必须考虑企业的访问量和各种Map公司的地图的限制和缺陷。在进行各种比较后。才能决定是否采用某个公司的地图服务。
MapAbc服务简单易学,帮助实例丰富,但是限制较多。(详细看)
如果采用MapAbc必须的几个步骤如下:
1. 申请MapABC API 密钥,当然密钥是完全免费申请的。
2.在页面头部添加MapABC API引用地址,并将您的API密钥传递到引用地址中。一般情况我们会把它添加到< head>区域中.
<script src="http://app.mapabc.com/apis?&t=flashmap&v=2.X.X&key=密钥"></script>
引用地址参数说明:
t = flashmap:使用Ajax for Flash地图API
t = ajaxmap:使用Ajax地图API
t = ajaxsearch:使用Ajax搜索API
v = 2.X.X:使用2.X.X版本产品(最新版本请参考更新日志)
key=密钥:传递您的API密钥
3.在页面中添加一个用于装载地图的容器
<div id="mapObj" style="width: 400px; height: 300px"></div>
宽度和高度可以根据您页面的大小进行相应的调整
4.使用Javascript语言,创建地图对象:
实例代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例代码</title>
<script src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=8b8d7c9040591793342c434cb894c96e6d77492e17fbba70c1f15721e341c8dda4d91ccc09adfc7a" type="text/javascript">
</script>
<SCRIPT LANGUAGE="JavaScript">
var mapObj=null;
function mapInit()
{
//设置地图初始化参数对象
var mapOptions = new MMapOptions();
//设置地图zoom级别
mapOptions.zoom = 10;
//设置地图的中心
mapOptions.center = new MLngLat(116.397428,39.90923);
//设置工具条
mapOptions.toolbar=DEFAULT;
//设置工具条的位置
mapOptions.toolbarPos=new MPoint(0,0);
//设置鹰眼
mapOptions.overviewMap=DEFAULT;
//
mapOptions.returnCoordType=COORD_TYPE_OFFSET;
mapOptions.isCongruence=true;
mapOptions.hasDefaultMenu=true;
//创建地图对象
var mapObj = new MMap("mapObj", mapOptions);
}
</script>
</head>
<body>
<b>http://localhost:8080/iGoogle/</b>
<div id="mapObj" class="view" style="width:1000px;height:500px"></div>
</body>
</html>
分享到:
相关推荐
MapABC API 地图应用开发文档 开发文档
MapABC开发资料:Ajax API(Ajax地图展现)用户手册-企业版-V2.1.2.pdf,Ajax API(Flash地图展现)用户手册—企业版v2.4.pdf
第四部分,如何在 Mapview 布局(LayOut)文件中添加 userAgent 属性。 第五部分,Android 的Location 包中有个类叫Geocoder,为什么MapABC API 也提供了此类? 这个类如何使用? 第六部分,Android 的Location ...
MapABC地图免费使用手册,可以支持地图历史轨迹回放,实时跟踪车辆示例讲解
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
一步步教你MapABC地图在android平台上的使用。
MapABC_API_JavaScript具有mapabc地图javascript版本的所有的api,为开发提供的方便。希望对各位有用!
花了一星期整理的MapABC Flex API 示例代码 用户手册 开发包等资料,可方便学习。
1.了解MapABC地图 2.MapABC地图服务平台的产品特点? 3.MapABC地图服务平台总体架构 4.MapABC Web API 简介 5.MapABC Ajax API(Ajax地图展现) 6.如何使用MapABC Ajax API...9.总结开发过程中出现的问题以及解决方法
MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册
MapABC地图API介绍幻灯片。介绍了MapABC地图API的组成,简单使用,应用案例等。
mapabc文档--方法,函数,使用方法
mapabc API 支持地图定位,设置坐标范围等
MapABC地图API JavaScript版
2008年2月25日,中国知名电子地图服务商Mapabc正式发布地图API(http://code.mapabc.com),为日渐升温的中国电子地图及本地搜索市场开辟了新蓝海。
Flex中调用mapabc地图鼠标点击时获得经纬度的应用程序
MapABC-API(Ajax) 示例整理,有意者请下载使用!
mapabc 文档 MapABC 静态地图 API采用javaScript面向对象方式,对Mapabc POI 查询出的点生成静态图片以最快方式显示给用户。
花了很长时间找到的MapABC Flex API 2.4用户手册资料,可方便学习。
MAPABC电子地图代码,内有三个地图代码文件,供有需要的朋友下载。