Подтвердить что ты не робот

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

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

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

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

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

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

Разбитый JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/7/

Broken Google maps controls

EDIT: решение наконец найдено! Yaaaaaay!

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

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

Спасибо. G.

4b9b3361

Ответ 2

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

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