Кто-нибудь видел 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/
EDIT: решение наконец найдено! Yaaaaaay!
ВТОРАЯ РЕДАКТИРОВАНИЕ. Чтобы правильно центрировать карту. Удалите отдельный div div внутри div.
Спасибо. G.
Добавьте это в свой CSS:
#map_canvas img {
max-width: none;
}
Разбитый JSFiddle: http://jsfiddle.net/gyaresu/zDVKn/7/
С исправлением CSS: http://jsfiddle.net/gyaresu/zDVKn/8/
EDIT: окончательная версия с удаленным картой, чтобы включить правильное центрирование.
Эта проблема возникает, если вы используете angular-google-maps. Исправьте вместо принятого ответа следующее:
.angular-google-map img {
max-width: inherit;
}