企业中使用MapAbc开发应用

最新推荐文章于 2015-08-17 16:52:48 发布

longgangbai

最新推荐文章于 2015-08-17 16:52:48 发布

阅读量156

点赞数

文章标签：企业应用 Ajax JavaScript Flash HTML ViewUI

在项目中使用地图时必须考虑企业的访问量和各种Map公司的地图的限制和缺陷。在进行各种比较后。才能决定是否采用某个公司的地图服务。

MapAbc服务简单易学，帮助实例丰富，但是限制较多。（详细看）

如果采用MapAbc必须的几个步骤如下：

1. 申请MapABC API 密钥，当然密钥是完全免费申请的。

2.在页面头部添加MapABC API引用地址，并将您的API密钥传递到引用地址中。一般情况我们会把它添加到< head>区域中.

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>

longgangbai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
企业中使用MapAbc开发应用

在项目中使用地图时必须考虑企业的访问量和各种Map公司的地图的限制和缺陷。在进行各种比较后。才能决定是否采用某个公司的地图服务。 MapAbc服务简单易学，帮助实例丰富，但是限制较多。（详细看）如果采用MapAbc必须的几个步骤如下： 1. 申请MapABC API 密钥，当然密钥是完全免费申请的。 2.在页面头部添加MapAB...
复制链接

扫一扫