Mac Safari 5.0.4 ошибка при использовании Google Maps API

Question

У меня есть карта Google, созданная из API Карт Google v.3 на веб-сайте, который я создаю. Работает нормально во всех браузерах. Однако в Safari (по крайней мере для Mac) это влияет на другие элементы странным образом. Кажется, что это действительно относится только к абсолютно позиционированным элементам и может иметь отношение к z-index. У кого-нибудь был опыт с чем-то подобным? Каким было ваше решение? Извините, я не могу опубликовать URL.

Спасибо !!

Answer 1

В итоге я нашел решение своей проблемы.Это действительно имеет отношение к z-index.Интересно, что это происходило только в Safari.В любом случае, если кто-то еще замечает что-то странное в Safari и картах Google, это может быть связано с z-index элемента на вашей странице.Вот где я бы начал.Еще раз спасибо!

Answer 2

Решение, которое работало для меня здесь (как -webkit-transform: none; останавливает карты и другие функции, работающие на странице), заключалось в том, чтобы ajax в содержимом через jQuery после загрузки.

Надеюсь, это поможет!

Answer 3

Я столкнулся с такой же проблемой в Safari.В моем сафари это заставляло мой шрифт на затронутом div становиться очень тонким и неопределенным.Причина, по которой я обнаружил, заключалась в том, что затронутый div отбрасывал тень на div, содержащий карты Google.Если я удаляю дроп-шоу, проблема решена.

Answer 4

Удаление перевода глобально сломало другие функции в нашем приложении.Это однако указало нам в правильном направлении.Это решение сработало для нас.Мы переместили все элементы булавки карты обратно в слой 103.

div[id*='marker_div_']{
-webkit-transform: translateZ(103px);

}

Answer 5

Я столкнулся с точно такой же проблемой, как описано автором потока. В моем случае вся навигация исчезла (после некоторого исследования обертки навигации, кажется, являются популярным дивом, с которым можно в этом случае связываться). Когда я удалил раздел Google Map с сайта, навигация показалась так, как и должна.

В любом случае, моим решением было добавить прямой стиль к моей карте Google div:

<div id="map" style="-webkit-transform: none; z-index: 10;"></div>

И это решило мой случай. Надеюсь, это может кому-то помочь!

Answer 6

Это действительно ошибка, и она не относится конкретно к Google, она связана с запуском z-indexing, когда вы используете webkit, или так кажется.

Есть два исправления длянадеюсь, один из них сработает.

1. Это предпочтительное исправление.Удалите webkit-transform из элемента DOM, в который вы загружаете карты Google, и установите для его z-index значение «auto».Также установите для дочернего элемента div z-индекс «auto».Вы можете сделать это с помощью CSS следующим образом:

    #googleMap{

        -webkit-transform: none !important; 
        z-index: auto !important;

        > div{
            z-index: auto !important;
        }

2. Удалите значение z-index для каждого абсолютно позиционированного элемента на вашей странице, который имеет его (кроме Google Maps)z-index), т.е. установите z-index для всех элементов с абсолютным позиционированием в z-index: auto.

Answer 7

Я не совсем уверен, что там происходит, так как вы не можете опубликовать пример URL, но если ничего не работает после того, как вы все перепробовали, вы можете сообщить о проблеме в Команда API Карт Google, и они могут более тщательно расследовать, чтобы понять, в чем проблема.

Answer 8

Существует еще один, более подробный пост об этом: Safari v5 скрывает div при загрузке карт Google