教你在网页中添加微软地图

核心提示： ·a-aerial：显示高空的卫星图像，·r-road：显示地区的街道地图；·h-hybrid：显示以上两者的结合，教你在网页中添加微软地图(2)，卫星图像将和道路和位置信息重叠在一起，PositionType：control在页面上的放置的方式，Width：control宽度，Heigh

·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 =
　　　　’Latitude = ’ + e.latitude +
　　　　’, Longitude = ’ + e.longitude +
　　　　’, Zoom=’ + e.zoomLevel;
　}
}
＜/script＞
＜/head＞
＜body ＞
＜div id="info" style="font-size:10pt"＞
＜/div＞
＜/body＞
＜/html＞

效果图如下所示，你可以使用一些control的特性：

·拖动整个地图刷新显示

·使用鼠标滚轮进行缩放