电脑技术学习

由神秘到简单 教你在网页中添加微软地图

dn001


  我们可以对便笺条的一些属性进行设置,以改变其看起来的式样。首先可以增加一些欢迎信息或者介绍文字等等。下面的代码增加了一些介绍文字:

VE_Scratchpad._introText="Your scratchpad is empty.";

  我们也可以改变便笺条的菜单项,通过GetToolbar函数完成,如果我们提供自己的这个函数的版本那么就可以改变菜单。这个函数返回一个HTML字符串,其内容是便笺条上的菜单的显示内容。在如下的例子里我们有Clear和Email(和Virtual Earth相同),也有一个Add的菜单项。同样它必须在CreatePanel之前声明:

VE_Scratchpad._GetToolbar=function()
{
 var html="<table cellpadding="0" cellspacing="0" ";
 html+="border="0" align="left">";
 html+="<tr><td valign="top" align="center">";
 html+="<a href="javascript:VE_Scratchpad.Clear();" ";
 html+="oncontextmenu="return false;">Clear Pad</a> | ";
 html+="<a href="javascript:VE_Scratchpad.Email();" ";
 html+="oncontextmenu="return false;">Email this...</a> ";
 html+="</td></tr><tr><td> </td></tr></table>";
 return html;
}

  这两个菜单项将会调用VEScratchpad.Clear()和VEScratchpad.Email()函数。

  下面我们修改VEScratchpad.Email函数:

VE_Scratchpad.Email=
 function()
 {
  var body="";
  var urlprefix=GetUrlPrefix();
  var first=true;
  var ids="";
  var e=VE_Scratchpad.entities;
  if(e==null||e.length==0)
  {
   alert("Nothing to send!");
   return;
  }
  var lengthToSend=Math.min(MaxScratchpadItemsToSend,e.length);
  for(var i=0;i<lengthToSend;i++)
  {
   var escapedID=escape(e[i].GetSerializedId());
   if(!escapedID) {continue;
  }
  body+=escape(e[i].name+"n"+e[i].description+"nn");
  if(!first) { ids+=","; }
  ids+=escapedID;
  first=false;
 }
 var allids=escape("Virtual Earth Scratch Pad from Dr. Neiln" + urlprefix + "nn");
 window.open(’mailto:?subject=My Virtual Earth Scratch Pad&body=’ + allids + body);
}

  给便笺条增加一项

  现在我们给Add函数增加相应的代码,以在便笺条上增加一项内容。首先我们使用地图中心来定位:

VE_Scratchpad.Add=function()
{
 VE_Scratchpad.AddLocation( "Point", map.GetCenterLatitude(), map.GetCenterLongitude(), "my added point", "LOC");
}

  这是我们用来提高其展示效果的方式,当然也可以修改其中的内容。

  首先我们从Virtual Earth使用的样式表(CSS)中借用一点样式:

.VE_Pushpin
{
 width: 23px; height: 17px;
 font-family: Arial,sans-serif;
 font-weight: bold;
 font-size: 8pt;
 color: White;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 padding-top: 1px;
}

.VE_Pushpin_blue
{
 background: url(/article/UserFiles/2005-10/12/2005101291847650.gif);
 z-index: 19;
}

  在Virtual Earth站点上,每个便笺条边上就有一个X号来关闭它。在我们创建的便笺条中我们必须创建一个X号图案来代表它。便笺条代码里会寻找的图像是在URL里:<your url>/i/remove.gif。图像大小11×11象素。
 添加查找功能

  为了进行地图查找,我们必须使用Virtual Earth查找管理器(Search Manager)。这里比较不好的一点是必须访问你网站外部的文件,而这样会导致一个对用户的安全警告信息。

  重要提示:它只能在浏览器允许跨站点数据访问的时候使用。缺省情况下浏览器不允许这样作。