javascript代码附在下面。 Bing图中添加了两个图钉。当它们悬停时,引脚旁边会显示说明。添加了两个按钮,并在click事件上调用ShowInfoBox(shape)。单击按钮时,出于某种原因,无论图钉位于何处,信息框始终会从中心弹出。这是一个已知的错误?有人可以建议解决方法吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
<script type="text/javascript">
var shape;
var shape1;
var map = null;
var infobox = "You can add html codes into the info box or change the style of the info box. You can design and show any info box you want!<br>";
function ShowInfoBox(sh)
{
// The anchor param does not seem to have any effect ???
map.ShowInfoBox(sh, new VELatLong(sh.Latitude, sh.Longitude), new VEPixel(0, 0));
}
function HideInfoBox()
{
map.HideInfoBox();
}
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap(new VELatLong(47.610377, -122.200679), 14, VEMapStyle.Road, false, VEMapMode.Mode2D, true);
shape = new VEShape(VEShapeType.Pushpin, map.GetCenter());
shape.SetTitle("<h2>Custom Pin0</h2>");
shape.SetDescription(infobox);
//Add the shape the the map
map.AddShape(shape);
shape1 = new VEShape(VEShapeType.Pushpin, new VELatLong(47.612379, -122.201677));
shape1.SetTitle("<h2>Custom Pin1</h2>");
shape1.SetDescription(infobox);
//Add the shape the the map
map.AddShape(shape1);
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
<input type="button" value="1" onclick="ShowInfoBox(shape);">
<input type="button" value="2" onclick="ShowInfoBox(shape1);">
</body>
</html>
答案 0 :(得分:2)
不是它不会设置锚点,而是锚点卡在你先点击的纬度/长度上。尝试在点击之间进行缩放。你会发现它有效。
你需要做的是在节目开始之前抛出HideInfoBox()。
function ShowInfoBox(sh) { // The anchor param does not seem to have any effect ??? HideInfoBox(); map.ShowInfoBox(shape,new VELatLong(sh.Latitude, sh.Longitude)); }
请注意:如果你扩展它,那么在全局而不是原型设置你的形状GetShapeByTitle()或某些东西会让你感到悲伤。如果你可以使用VEMap.GetShapeByID();和VEShape.GetID();通过形状数据动态检索的方法,(从长远来看)将更容易处理。