3D地图接口说明文档

最新推荐文章于 2024-07-08 15:03:51 发布

weixin_30410999

最新推荐文章于 2024-07-08 15:03:51 发布

阅读量260

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/youxiang/archive/2007/03/07/667004.html

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