欢迎您来到快速入门了解使用 MapABC API 2，公众用户请先在网站上注册用户以获得 API 密钥。企业用户请联系商务以获取账号和API密钥。收到 API 密钥之后，即可按照本文档来开始您的MapABC地图开发之旅：
提供了地图API和搜索API。其中地图API采用Flash地图展现，为用户封装了JavaScript地图调用接口，能够让您在HTML中方便的构建Flash地图应用；而搜索API是基于JavaScript的地图数据检索计算接口，所有搜索结果都可以展现在Flash地图上。
申请MapABC API 密钥。以下是一个标准的API 密钥：
b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300b
在页面头部添加MapABC API引用地址，并将您的API密钥传递到引用地址中。一般情况我们会把它添加到< head>区域中。
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.X.X&key=密钥"></script>
引用地址参数说明：
t = flashmap：使用Ajax API(Flash地图展现)，包括了地图功能和搜索功能。
v = 2.X.X：使用2.X.X版本产品（最新版本请参考更新日志）
key=密钥：传递您的API密钥
引用地址参数说明：
t = flashmap：使用Ajax API(Flash地图展现)，包括了地图功能和搜索功能。
v = 2.X.X：使用2.X.X版本产品（最新版本请参考更新日志）
key=密钥：传递您的API密钥
在页面中添加一个用于装载地图的容器：
<div id="mapObj" style="width: 400px; height: 300px"></div>
宽度和高度可以根据您页面的大小进行相应的调整
宽度和高度可以根据您页面的大小进行相应的调整
使用Javascript语言，创建地图对象：
<script type="text/javascript">
var mapObj=new MMap("mapObj");//创建地图对象
</script>
var mapObj=new MMap("mapObj");//创建地图对象
</script>
完整代码示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.3.4&key=你的密钥"></script>
</head>
<body>
<div id="mapObj" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var mapoption = new MMapOptions();
mapoption.zoom=13;//设置地图zoom级别
mapoption.toolbar=DEFAULT; //设置工具条
mapoption.toolbarPos=new MPoint(0,0);
mapoption.overviewMap =SHOW; //设置鹰眼
var mapObj = new MMap("mapObj", mapoption); //地图初始化
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.3.4&key=你的密钥"></script>
</head>
<body>
<div id="mapObj" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var mapoption = new MMapOptions();
mapoption.zoom=13;//设置地图zoom级别
mapoption.toolbar=DEFAULT; //设置工具条
mapoption.toolbarPos=new MPoint(0,0);
mapoption.overviewMap =SHOW; //设置鹰眼
var mapObj = new MMap("mapObj", mapoption); //地图初始化
</script>
</body>
</html>
保存本示例代码到本地运行
提供了地图API和搜索API。其中地图API采用Ajax地图展现，为用户封装了JavaScript地图调用接口，能够让您在HTML中方便的构建Ajax地图应用；搜索API是基于JavaScript的地图数据检索计算接口，所有搜索结果都可以展现在Ajax地图上。
申请MapABC API 密钥。以下是一个标准的API 密钥：
b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300b
在页面头部添加MapABC API引用地址，并将您的API密钥传递到引用地址中。一般情况我们会把它添加到< head>区域中。
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.X.X&key=密钥"></script>
引用地址参数说明：
t = ajaxmap：使用Ajax API(Ajax地图展现)，包括了地图功能和搜索功能。
v = 2.X.X：使用2.X.X版本产品（最新版本请参考更新日志）
key=密钥：传递您的API密钥
引用地址参数说明：
t = ajaxmap：使用Ajax API(Ajax地图展现)，包括了地图功能和搜索功能。
v = 2.X.X：使用2.X.X版本产品（最新版本请参考更新日志）
key=密钥：传递您的API密钥
在页面中添加一个用于装载地图的容器：
<div id="mapObj" style="width: 400px; height: 300px"></div>
宽度和高度可以根据您页面的大小进行相应的调整
宽度和高度可以根据您页面的大小进行相应的调整
使用Javascript语言，创建地图对象：
<script type="text/javascript">
var mapObj=new MMap("mapObj");//创建地图对象
</script>
var mapObj=new MMap("mapObj");//创建地图对象
</script>
完整代码示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.1.2&key=你的密钥"></script>
</head>
<body>
<div id="mapObj" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var mapoption = new MMapOptions();
mapoption.zoom=13;//设置地图zoom级别
mapoption.toolbar=DEFAULT; //设置工具条
mapoption.toolbarPos=new MPoint(0,0);
mapoption.overviewMap =DEFAULT; //设置鹰眼
var mapObj = new MMap("mapObj", mapoption); //地图初始化
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.1.2&key=你的密钥"></script>
</head>
<body>
<div id="mapObj" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
var mapoption = new MMapOptions();
mapoption.zoom=13;//设置地图zoom级别
mapoption.toolbar=DEFAULT; //设置工具条
mapoption.toolbarPos=new MPoint(0,0);
mapoption.overviewMap =DEFAULT; //设置鹰眼
var mapObj = new MMap("mapObj", mapoption); //地图初始化
</script>
</body>
</html>
保存本示例代码到本地运行
- QQ群1：93429544已满
- QQ群2：97021782已满
- QQ群3：102450524已满
- QQ群4：104871371已满
- 超级群1号：73343813
- 更新日志更多...
- 更新Ajax API（Flash地图）2.3.4版！
- 2010年8月09日 NEW！
- 更新Ajax API（Ajax地图）2.1.2版！
- 2010年8月09日 NEW！
- 更新Flex API（Flash地图）2.3.3版！
- 2010年6月02日
- 更新Ajax API（Ajax地图）2.1.1版！
- 2010年3月12日
- 更新Ajax API（Flash地图）2.3.3版！
- 2010年3月9日
- 更新Flex API（Flash地图）2.3.2版！
- 2009年12月07日
- 更新Ajax API（Ajax地图）2.1版！
- 2009年12月01日
- 更新Ajax API（Flash地图）2.3.2版！
- 2009年11月25日