Почему элементы управления Google Maps и InfoWindow ломаются / перекосяются при использовании jQuery Mobile?

Question

Кто-нибудь видел Google Maps V3 не очень хорошо играет с jQuery Mobile Версии 1.1.0 RC1 или 1.0.1?

Использование jQuery 1.7.1 .

Элементы управления картой и окна InfoWindow слегка перекошены.

Если одно из делений карты изменяется с z-index: 1 на: 0, тогда это нормально.

У меня нет дополнительных стилей, поэтому я предполагаю, что это делается с помощью Google Maps JavaScript.

Сломанный JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/7/

РЕДАКТИРОВАТЬ : Решение наконец найдено! Yaaaaaay!

ВТОРОЕ РЕДАКТИРОВАНИЕ Чтобы правильно центрировать карту. Удалите отдельный div карты внутри содержимого div.

http://jsfiddle.net/zDVKn/9/

Спасибо. G.

Answer 1

Добавьте это в свой CSS:

#map_canvas img {
max-width: none;
}

Сломанный JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/7/

С исправлением CSS: http://jsfiddle.net/gyaresu/zDVKn/8/

РЕДАКТИРОВАТЬ : Окончательная версия с удаленной картой div для правильного центрирования.

http://jsfiddle.net/zDVKn/9/

Answer 2

Эта проблема возникает, если вы используете angular-google-maps . Исправьте следующее вместо принятого ответа:

.angular-google-map img {
    max-width: inherit;
}