локализованная карта google не рендеринга

Question

Я изо всех сил пытаюсь понять, почему карта Google не автоматически отображает местоположение пользователя.

Дрессировка URL http://showcaseimagery.com/testing/skel/eton/home.php

вид по умолчанию, при наведении на главной панели в настоящее время показывает, как это ...

Вместо либо рендеринга по умолчанию США локальности или отдавая пользователи текущее местоположение, подобное этому ...

Когда я набираю карту, загруженную (вручную через выпадающее меню или zipcode ar eas) Я нахожу, что отображаемая карта неполна. Как вы можете видеть на этом втором изображении, нижняя часть карты и элементы управления картой не полностью загружены.

Резюмируя:

• Я не знаю, почему карта не загружается правильно.
• Полученная карта неполна.

Спасибо за ваши мысли и комментарии по этому вопросу.

Answer 1

Проблема, скорее всего, связана с тем, что вы создаете экземпляр карты, пока div не отображается. Попробуйте изменить такой размер:

google.maps.event.trigger(map, "resize"); 
map.setZoom(map.getZoom()); // trigger a property change 

Когда ваша карта сначала отображается на дисплее.

EDIT

На самом деле проблема в том, что из CSS-анимации, которые вы добавили и конкретно этот:

.overlay-slide-in-up:hover img { 
    transform: translateY(-80%); 
    transition-delay: 0.1s; 
} 

Линия 308 из app.css. Это существенно упрощает перемещение всех изображений внутри google-карт div на 80% вверх. Для того, чтобы избежать этого, добавьте следующий CSS после вышеупомянутую декларацию:

#mapArea img { 
    transform: none; 
} 

Это позволит затем все изображения внутри карты DIV исключить из конкретной анимации.