Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google во весь блок отображается прелоадер сигнализирующий о загрузке блока с картой.
Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google место неё отображается прелоадер сигнализирующий о загрузке блока с картой.
Скрипт отвечающий за ленивую загрузку заимствован у iframely.com.
Блок с картой Google Maps (HTML код):
Вставьте данный код в удобном для Вас месте, мой публичный API ключ я так подозреваю проживет не долго так что вот в этом мете:
key=AIzaSyC7zimSzASZomtEtWm25X-mpjxeqJ5tKLg
Место моего ключа вставьте свой.
Эти данные замените на свои координаты места расположения:
50.894832,34.8390814
Изображение прелоадера:
Интересные изображения на место прелоадера карт находятся по ссылке ниже:
Источник записи: https://mediadoma.com