2011-09-30 88 views
2

我有一個地圖,我有多個圖釘,並希望信息框支持HTML內容。我正在使用本地信息框類,並且儘管我已經使用了一個自定義信息框,但是我想要弄清楚這一點。Bing地圖多Pushin信息框

的代碼是:http://brickenandassociates.com/bm.php

它不壓縮或編碼的,所以你可以查看源代碼。

在第84行,設置信息框的選項。在描述中,我試着設置一個var,但是我在某處丟失了語法。類似這樣的:

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

任何指導將不勝感激!

+0

我走過了一條不同的路線並使用了自定義信息框。它只是需要完成。下面是結果: http://brickenandassociates.com/pin_test3.php 下面是如何找到的中心,然後居中起始於線682的方框: //分的寬度和高H viewportwidth = viewportwidth/2 ; viewportheight = viewportheight/2; infoBox.style.top =(viewportheight - 320)+「px」; infoBox.style.left =(viewportwidth - 225)+「px」; infoBox.style.visibility =「visible」; document.getElementById('myMap')。appendChild(infoBox); } – greenkoi

回答

0

看起來你已經想通了這一點已經:

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

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

有一件事我注意到的是,你只使用一個信息框。每個圖釘使用一個信息框,因此我在創建時設置信息框細節,然後只需隱藏或顯示它。