null

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

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

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

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

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


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

key=AIzaSyC7zimSzASZomtEtWm25X-mpjxeqJ5tKLg

 Место моего ключа вставьте свой.
Эти данные замените на свои координаты места расположения:
50.894832,34.8390814
Изображение прелоадера:

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

Ссылка

 

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