自Google推出地图服务以后,微软和百渡也相继推出地图服务。地图成为目下 *** 流行的时尚,如果你想追赶它,那么来吧,我将会帮助你学会使用微软的Virtual Earth Map Control,为你的网站添加一道亮丽的风景。
本文最终效果图:
MapControl控件
Virtual Earth Map Control脚本可以在MSN网站下载:http://virtualearth.msn.com/js/MapControl.js。
当然你可以直接在网站中链接这个脚本,但这会导致一些安全上的问题,因为缺省情况下大部分的浏览器不会允许来自其他的不是当前正在浏览的站点的Javascript程序运行。使用者必须确认他们允许来自VirtualEarth的脚本运行,这样会给用户不爽的感觉。
简单的方式就是下载MapControl.js文件到你的站点,这样就可以轻松访问并进行编程了。
创建Map Control实例
为了创建一个Map Control实例,你需要在你的页面里写一个小 *** 。这将会创建一个MapControl的实例,在页面上放置它,并设置control里初始显示的内容。
VE_MapControl的构造函数原型如下:
VE_MapControl(Latitude, Longitude, Zoom, MapStyle, PositionType, Left, Top, Width, Height); |
Latitude:在control里显示的地图中心的纬度;
Longitude:在control里显示的地图中心的经度;
Zoom:显示地图的缩放尺度。可以设置为2到18的数。2是允许的最远的俯瞰距离,18是允许的最近的俯瞰距离。
MapStyle:显示地图的风格。目前有3种式样可选:高空的(aerial),道路的(road)和混合的(hybrid)。用每种式样的首字母小写来代表该式样。
·a-aerial:显示高空的卫星图像。
·r-road:显示地区的街道地图;
·h-hybrid:显示以上两者的结合,卫星图像将和道路和位置信息重叠在一起。
PositionType:control在页面上的放置的方式,可选项为相对(relative)和绝对(absolute)。
Left:control左边在页面上的位置。
Top:control上部在页面上的位置。
Width:control宽度。
Height:control高度。
例子:
map = new VE_MapControl(32.69, -117.13, 12, ’r’, "absolute", 400, 10, 400, 300); |
一个简单的具有Virtual Earth map control的页面可以如下创建:
<html> <head> <title>My Virtual Earth</title> <script src="MapControl.js"></script> <script> var map = null; function OnPageLoad() { map = new VE_MapControl(32.69, -117.13, 12, ’r’, "absolute", 10, 100, 700, 500); document.body.appendChild(map.element); map.onEndContinuousPan = function(e) { document.getElementById("info").innerHTML = |
哈佛大学作为美国数一数二的名校,也是世界著名的常春藤名校之一,它在国际上的地位和声誉可想而知,那么这所大学的宿舍情况又怎么样呢?下面【蔚蓝留学】小编带你走进哈佛大学宿舍。 哈佛大学宿舍简单介绍 哈...
近日,新闻报道说我国黄金产量连续13年全球第一,这一消息让很多人对黄金的走势开始关注起来,2020年已经过去一大半了,很多人想知道2020年下半年黄金走势怎么样。那么下面大家就随着小编一起去了解一下2...
什么是俚语(俚语 您知道多少) 中国的俚语有很多,特指从经常使用的语言里,汲取一部分组成词或者句,并且赋予它新的意思,是一种非正式的比较口语化的词汇。 俚语从古代开始我国就已经存在,《新五代史·卷...
本文导读目录: 1、两个手机,两个微信号能关联吗?怎样才能看到另一个手机的聊天记录? 2、网警或公安局能否利用技术手段查微信的聊天记录?如果可以是否需要知道被查者的手机号或是其他信息? 3、请...
很多网友对孙大午有印象是因为2003年的“孙大午案”,孙大午被指向3000多户农民借款达1.8亿米,最后以非法集资的罪名被收押。近日高碑店市公安局通报孙大午再次被抓,这位国内知名农民企业家孙大午被抓是...
31日新华社记者从中国科学院上海药物所获悉,该所和武汉病毒所联合研究初步发现,中成药双黄连口服液可抑制新型冠状病毒。目前该发现仍是初步研究,该药已在上海公共卫生临床中心、华中科技大学附属同济医院开展临...