2013-06-18 2 views
2

У меня есть стандартная информация о Google Map Infowindow, которая открывается при нажатии на стандартный маркер Google. Стрелка, указывающая вниз на маркер, кажется на пару пикселей выключена. Я стучал головой о стену, пытаясь понять, какие свойства в моем CSS влияют на нее. Свойства рамки ZURB Foundation, влияющие на img {max-width: 100%}, вызывают некоторые другие проблемы, но я смог отслеживать это и настраивать. Кажется, я не могу найти причину этого. Я использую ZURB v4 и GMapsv3.Google Map Infowindow не отображается должным образом

http://stage2.curran-connors.com/reliance/index.php/contact/

Нажмите на маркер, и вы увидите, что стрелка начинается чуть ниже границы информационного окна.

ответ

4

Zurb Фонд устанавливает коробчатых проклейки стиля на все, чтобы границе коробки. Это вызывает ошибку выравнивания, которую вы видите в информационном окне Google Maps.

Исправление:

#map_container div { 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
} 
+0

Спасибо Пито, ценит вашу помощь. Я на самом деле думал, что это проблема, но отключить ее в глобальном масштабе в Firebug, похоже, не дал мне результатов, которые я искал. Я должен был сыграть с ним еще немного. Ваше решение отлично поработало. Еще раз спасибо. –

0

Та же проблема я столкнулся, контроли не показывали и Infowindow не отображалось правильно. JavaScript показывает,

Uncaught Type Error: undefined is not a function.

Комментирование/удаление следующего кода из prototype.js решить мою проблему

this.each(function(value, index) { 

     results.push(iterator.call(context, value, index)); 
}); 
+0

Zeeshan, похоже, мы не сталкивались с той же проблемой. Мой JavaScript работал отлично, никаких ошибок. У меня возникли проблемы с отображением Google Map InfoWindow, чтобы они отображались в правильной позиции над маркером Google Map. Исправление CSS Pete Parker переместило InfoWindow в правильное положение, изменив свойство размера окна, как объяснено в его ответе. –

Смежные вопросы