Google карты не показывая правильно

Question

У меня есть стилизованную карту с помощью API, и это не правильно показывает:

При нажатии на контакт в верхнем правом углу карта должна появиться ниже контактной формы:

http://machinas.com/wip/machinas/website/v21/

Похоже, что половина области карты просто серая. Есть идеи, почему это может быть?

Спасибо!

Это то, что я вижу:

http://i42.tinypic.com/2ntafwp.jpg

Answer 1

Вы настраиваете вашу карту в функции под названием initialize(), которая вызывается при загрузке страницы с помощью этой строки кода:

google.maps.event.addDomListener(window, 'load', initialize); 

Однако, ваш map-canvas элемент еще не настроен должным образом, так как он имеет width:100% и является дочерним элементом .contact-overlay, который имеет .

Удалите эту строку кода и вместо этого позвоните по телефону initialize() после того, как вы щелкнете ссылку «Связаться с нами», и откроется область слайда. Как только это будет видно и размер, затем инициализируйте карту вызовом initialize().

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