Как с помощью Bing Maps 7.0 сделать так, чтобы информационные окна отображались за пределами div карты?

Эффект, который я ищу, демонстрируется по адресу:

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/


person rushinge    schedule 20.09.2011    source источник


Ответы (1)


Простой, но трудоемкий ответ — создать свой собственный информационный ящик. Я рекомендую его в качестве отправной точки, с которой вы можете настроить поведение в соответствии со своими требованиями:

http://bingmapsv7modules.codeplex.com/wikipage?title=Custom%20Infobox%20Control

person Gingemonster    schedule 25.01.2012
comment
Я надеялся, что мне не придется этого делать, но уже давно не было других ответов, поэтому я выберу этот. - person rushinge; 25.01.2012