3D地图接口说明文档

这里采用的是Edushi接口(详情请看 http://www.edushi.com/api/freeAPI.htm )
目前(2007.03.07)只支持以下城市:
     杭州(hz) 上海(sh) 青岛(qd) 深圳(sz) 西安(xian) 长沙(changsha)
    成都(chengdu) 广州(guangzhou) 嘉兴(jiaxing) 佛山(fs) 温州(wz)
    上虞(sy)  余姚(yy)  丽水(lishui)

1.保存位置数据到数据库,前台页面代码如下:

以下显示所选城市地图
<div><script language="javascript" src="http://api.edushi.com/api.js?city=上面括号城市拼音"></script></div>
以下x,y,z为三个隐藏文本框,分别赋值为X坐标，Y坐标，Z为尺寸

< script language = " javascript " >
  // 鼠标点击
     function  cmup(aevent) {
    try
    {
            eval(down1);
            removePop('Mark010101');
            var temp = putPop(GetCurx(aevent),GetCury(aevent),7,38,'<a href="javascript://您的位置"><img border=0 alt="您的位置" src="你自己图标位置"></a>','Mark010101');
document.getElementById('x').value = GetCurx(aevent);
document.getElementById('y').value = GetCury(aevent);
    createjs();
            
    }catch(e){}
}
function  createjs() {        
    document.getElementById('z').value = GetZoom();
}
// 初始化事件
var  down1;
function  setEv() {
    try{
        down1 = setEvent('onmouseup','cmup');
    }
    catch(e){
        window.setTimeout("setEv()",500);
    }
    
  }
    setEv();
                 </ script >

运行后会出现如下图标:


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

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

  这里用iframe嵌套
<iframe frameborder=’0’ scrolling=’no’ style="width:700px;height:515px;"src='ShowMaps.aspx?isMark=1&z="+z+"&v=3&x="+x+"&y="+y+"&w=700&h=515&city="+city+"&sitename="+sitename></iframe>
x,y,z是取开始存进数据库的数据
sitename是显示在位置上面的名称
w是显示出来的宽度，h是高度

ShowMaps.aspx前台代码如下
<script language="javascript" src="http://www.edushi.com/api/api.js?isMark=1&z="+z+"&v=3&x="+x+"&y="+y+"&w="+w+"&h="+h+"&city="+city+"&sitename="+sitename></script>

有兴趣可以试下
效果如:http://biz.myking.cn/CityTopVip3DMap.aspx?i=1169799

代码在粘贴的时候可能会有遗漏，如有问题，请留言！

转载于:https://www.cnblogs.com/youxiang/archive/2007/03/07/667004.html