教你在网页中添加微软地图(4)
2006-04-07 11:56:42 来源:WEB开发网这两个菜单项将会调用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+"\n\n");
if(!first) { ids+=","; }
ids+=escapedID;
first=false;
}
var allids=escape("Virtual Earth Scratch Pad from Dr. Neil\n" + urlprefix + "\n\n");
window.open(’mailto:?subject=My%20Virtual%20Earth%20Scratch%20Pad&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(http://virtualearth.msn.com/i/pins/blue.gif);
z-index: 19;
}
在Virtual Earth站点上,每个便笺条边上就有一个X号来关闭它。在我们创建的便笺条中我们必须创建一个X号图案来代表它。便笺条代码里会寻找的图像是在URL里:<your url>/i/remove.gif。图像大小11×11象素。
更多精彩
赞助商链接