Bing 映射多个 Pushin 信息框答案

【问题标题】：Bing Maps Multiple Pushin InfoboxesBing 映射多个 Pushin 信息框
【发布时间】：2011-09-30 01:49:28
【问题描述】：

我有一张地图，其中有多个图钉，并且希望信息框支持 HTML 内容。我正在使用本机信息框类，虽然我使用了自定义信息框，但正如许多人所建议的那样，我想弄清楚这一点。

代码在：http://brickenandassociates.com/bm.php

它没有压缩或编码，所以你可以查看源代码。

在第 84 行，设置了信息框的选项。在描述中，我尝试设置 var ，但在某处缺少语法。像这样的东西：

var ibDescription = document.getElementById('ibDescription'); ibDescription.innerHTML = e.target.description;

任何指导将不胜感激！

【问题讨论】：

我走了一条不同的路线并使用了自定义信息框。它只需要完成。结果如下：brickenandassociates.com/pin_test3.php这是我如何找到中心，然后从第 682 行开始将框居中： // 除以宽度和高度 h viewportwidth = viewportwidth /2;视口高度 = 视口高度 /2； infoBox.style.top = (viewportheight - 320) + "px"; infoBox.style.left = (viewportwidth - 225) + "px"; infoBox.style.visibility = "可见"; document.getElementById('myMap').appendChild(infoBox); }

标签： bing-maps

【解决方案1】：

看起来你已经想通了：

pinInfobox.setOptions({title: e.target.Title, description: e.target.Description, visible:true, offset: new Microsoft.Maps.Point(0,25)});

pinInfobox.setLocation(e.target.getLocation());

我注意到的一件事是您只使用了一个 InfoBox。我每个图钉使用一个信息框，因此我在创建信息框时设置信息框详细信息，然后只需隐藏或显示它。

【讨论】：