2D地图接口说明文档

今天第一次在博客园写文章，文采不太好，希望看得懂，呵！
这里采用的是51ditu接口(http://api.51ditu.com/special/interface/ezmarker.html)
1.保存位置数据到数据库,前台页面代码如下:
  先导入所需js文件

<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/search.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>

   地图位置设置触发事件

<script language="javascript">
function setMap(point,zoom) 
>

运行后会出现如下图标:

 
点击"标注位置"，会出现如下图:

接着选择位置,最后提交页面存放地图数据(x,y,z)到数据库

2.根据设置的地理数据，显示出地图位置

 这里用iframe嵌套
<iframe frameborder=’0’ scrolling=’no’ style="width:700px;height:515px;"src='ShowMaps.aspx?lng=x坐标&lat=y坐标&zoom=尺寸&txt= 详细说明'></iframe>

ShowMaps前台代码如下:

先导入JS文件一个
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>

<script language="javascript">
//DIV的样式 style="position:relative; width:100%; height:100%;"
var lng,lat,zoom,txt,msg;
var url = location.search.substring(1);
    url = url.split("&");

如果有兴趣的朋友，可以试试~
效果如: http://biz.myking.cn/CityTopVipMap.aspx?i=1169799