這里采用的是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

總結

以上是生活随笔為你收集整理的3D地图接口说明文档的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。