Эффект, который я ищу, демонстрируется по адресу:
http://demo.maps101.com/index.php?option=com_flexicontent&view=items&cid=6:interactive-maps&id=12068:us-state-capitals&Itemid=7
Это достаточно просто сделать с помощью Bing Maps 6.3, добавив описание к булавке, однако эта функция была удалена в версии 7.0. В версии 7 есть довольно неплохой механизм информационных блоков, который я успешно использовал, но создаваемые им информационные блоки добавляются как дочерние элементы div карты, а не как элемент body, как в примере. Поскольку у map-div есть свойство CSS overflow: hidden , информационные поля обрезаются по краю карты.
Пример: http://jsfiddle.net/FnWLT/2/
Простой, но трудоемкий ответ - создать собственный информационный блок. Я рекомендую это в качестве отправной точки, с которой вы можете настроить поведение в соответствии со своими требованиями:
http://bingmapsv7modules.codeplex.com/wikipage?title=Custom%20Infobox%20Control