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

核心提示：增加导航Controlmap control有一些内在的导航特性，但是有些时候需要提供一些额外的control在web页面上来允许用户来控制地图的导航，教你在网页中添加微软地图(3)，下面我们介绍如何在web页面上增加按钮来控制地图的显示，载入我们首先为地图的移动增加按钮，它还接受一个参数，这个参数指定了进行平滑卷动的

增加导航Control

map control有一些内在的导航特性，但是有些时候需要提供一些额外的control在web页面上来允许用户来控制地图的导航。下面我们介绍如何在web页面上增加按钮来控制地图的显示。

载入

我们首先为地图的移动增加按钮。在HTML的Body元素中可以增加一些简单的HTML代码：

＜input type="button" value="Pan Up" style="position:absolute;left:60px;top:600px;"/＞
＜input type="button" value="Pan Left" style="position:absolute;left:10px;top:630px;"/＞
＜input type="button" value="Pan Right" style="position:absolute;left:100px;top:630px;"/＞
＜input type="button" value="Pan Down" style="position:absolute;left:45px;top:660px;"/＞

下面增加对点击按钮的事件进行处理的脚本段。使用PanMap方法。它可以接受2个参数，x和y。它们指出了在x和y方向上可以移动多少位置。

function DoPanUp()
{
　map.PanMap(0, -100);
}
function DoPanDown()
{
　map.PanMap(0, 100);
}
function DoPanLeft()
{
　map.PanMap(-100, 0);
}
function DoPanRight()
{
　map.PanMap(100, 0);
}

如果你在浏览器里进行浏览，并且点击按钮，你会发现地图在一次次的跳跃。这样的用户体验可不好。最好是使得地图在各个方向上慢慢的平滑卷动。可以使用ContinuousPan函数来控制。除了x和y之外，它还接受一个参数，这个参数指定了进行平滑卷动的次数。这样可以指定多次的移动来提供地图平滑卷动的效果。