Карта не отображается, когда адрес геокодирован с использованием Geocomplete

Question

Моя проблема в том, когда пользователи вводят свой адрес (с автозаполнением), ожидаемое поведение заключается в том, что на карте будет отображаться маркер по адресу. Но по какой-то странной причине, карта не отображается :(

Вот где моя тестовая среда, пожалуйста, посмотрите: http://mycanprev.com/onboard-test/

Нажмите на вкладку «Location», чтобы добраться до geocomplete части. Когда вы вводите свой адрес, он должен отображать карту с маркером, установленным на введенном адресе, но он просто отображает серое поле вместо карты. Карта, похоже, отображается на мобильном телефоне.

Я думаю, что вопрос может быть с z-index, но я не уверен, как его исправить :(

Спасибо за помощь.

Answer 1

Существует много проблем, вызвавших серое окно на картах. Вы можете попробовать это следующее решение:

• Во-первых, убедитесь, что вы использовали правильный API Карт Google, действительный ключ API, а не устаревшие вызовы функций.

• Правильно задайте параметр масштабирования. Проверьте этот вопрос 11749742 и 5838333.

• Проверьте размер ваших элементов DIV и css. Проверьте это SO question.