企业中使用MapAbc开发应用

      在项目中使用地图时必须考虑企业的访问量和各种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>

你可能感兴趣的:(JavaScript,html,Ajax,Flash,企业应用)