国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 在html网页中使用Visual Earth地图

在html网页中使用Visual Earth地图

来源:程序员人生   发布时间:2013-12-20 10:47:05 阅读次数:2372次

大致可以分为三个步骤:

1:在<head></head>标签体内添加如下所示的javascript脚本:

<script type="text/javascript" src="http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.2"></script>
<script type="text/javascript">
var map = null;
function GetMap(){
map = new VEMap('myMap');
map.LoadMap();
}
</script>

2:在<body></body>标签中添加VE的onload()方法.

1 如下所示:
<body onload="GetMap();"></body>

3: 在<body></body>标签体内添加如下所示的代码:
<div id='myMap' style="position:relative; width:800px; height:600px;"></div>

此时保存运行代码就可以看到地图被引用到了你的网页中来.
<IMG title=VETest style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: inline; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" height=500 alt=VETest src=http://www.wfuyu.com/uploads/allimg/100312/14515921Z-1.jpg width=528 border=0>

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生