TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Google Maps – С отложенной загрузкой и прилоадером (полностью адаптивное)

1 679

Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google во весь блок отображается прелоадер сигнализирующий о загрузке блока с картой.

Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google место неё отображается прелоадер сигнализирующий о загрузке блока с картой.

Скрипт отвечающий за ленивую загрузку заимствован у iframely.com.

Блок с картой Google Maps (HTML код):

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

key=AIzaSyC7zimSzASZomtEtWm25X-mpjxeqJ5tKLg

Место моего ключа вставьте свой.

Эти данные замените на свои координаты места расположения:

50.894832,34.8390814

Изображение прелоадера:

Google Maps - С отложенной загрузкой и прилоадером (полностью адаптивное)

Интересные изображения на место прелоадера карт находятся по ссылке ниже:

Ссылка

Источник записи: https://mediadoma.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее