Серый фон вместо карты google в окне

357

31 января 2018, 15:33

Всем доброго времени суток! Ребят, дело такое, как всегда в JS не силен. Верстаю сайт, сделал карту в своем стиле, как полагается через их сервис, свой apikey и т.д. Карта изначально размером 5 на 5 пикселей и при нажатии на кнопку она вылазит на весь экран. После появления блока, вместо карты - серый фон и в углу кусочек карты. Карта появляется только, если сделать ресайз на весь экран. Сделал изначальный размер окна, чтоб посмотреть результат, карты все равно нет, только в углу кусочек. Если поместить карту совершенно в отдельный сектор ( карта изначально видна, без скрипта на появление), то карта есть.

Читал, что нужно добавлять google resize в код. Пробовали с другом разные варианты, не получилось осуществить… к сожалению.

У меня помимо всего, стоит scrollpage. Возможно он перебивает стили.

Скинул часть кода и часть стилей в песочницу.

`https://jsfiddle.net/m44L8q6g/`

Скрины, как это все добро выглядит на деле.

P.S. Готов на связь даже выйти(

Answer 1

вот так попробуй

google.maps.event.addListener(map, "idle", function()
                {
                    google.maps.event.trigger(map, 'resize');
                    setCenterMap(new google.maps.LatLng(+delivery[0].UF_GPS_1, +delivery[0].UF_GPS_2));
                });