我们可以对便笺条的一些属性进行设置,以改变其看起来的式样。首先可以增加一些欢迎信息或者介绍文字等等。下面的代码增加了一些介绍文字:
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)。这里比较不好的一点是必须访问你网站外部的文件,而这样会导致一个对用户的安全警告信息。
重要提示:它只能在浏览器允许跨站点数据访问的时候使用。缺省情况下浏览器不允许这样作。