Lizard-108
@Lizard-108
Ящерица

Как сделать «lazy load» для google maps?

Имеется карта Гугла, которая вставлена на сайт таким образом:
<div id="big-map"></div>
		<script>
			function initMap() {
				var map = new google.maps.Map(document.getElementById('big-map'), {
					zoom: 17.5,
					center: {lat: 55.709600, lng: 37.620251}
				});

				var image_1 = '/project/images/other/domnouta.png';
				var point_1 = new google.maps.Marker({
					position: {lat: 55.55100, lng: 37.6220},
					map: map,
					icon: image_1,
					title: 'Точка'
				});			
			}
		</script>
		<script async defer
		src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAK6grJrsAOZ4ON7qBgYKWCu0pdPAtpQeo&callback=initMap">
		</script>


Можно ли как то сделать так, чтобы карта открывалась по принципу Lazy Load - то есть чтобы она инициализировалась только тогда, когда пользователь скроллит до того места, где расположена карта?
Спасибо.
  • Вопрос задан
  • 1845 просмотров
Пригласить эксперта
Ответы на вопрос 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Да ровно так же, как с картинками — поменять src элемента, когда он попадёт в область видимости.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы