@smoln

Как ограничить перетаскивание карты google maps?

Всем привет, искал но не смог найти, может кто подскажет,на сайте есть карта GOOGLE MAPS, при перетаскивании карты после границ появляется бесконечный серый фон, как сделать так чтоб при перетаскивании карты мышкой, карта перестала перемещаться когда доходит до серого фона (до границ).
Есть параметр draggable он отвечает за перемещение карты, если его отключить, то карта вообще перестает двигаться., это мне не подходит
  • Вопрос задан
  • 4176 просмотров
Пригласить эксперта
Ответы на вопрос 1
@IvanFlex
Я делал типа такого.
map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);


        var allowedBounds = new google.maps.LatLngBounds(
            new google.maps.LatLng(-63.5),
            new google.maps.LatLng(63.5));
            
        google.maps.event.addListener(map, 'dragend', function() {
            var maxY = allowedBounds.getNorthEast().lat();
            var minY = allowedBounds.getSouthWest().lat();
            var x = map.getCenter().lng();
            var y = map.getCenter().lat(); 
            
            if ((y < maxY && y > 0) || (y > minY && y < 0)) {
                return;
            }

            if (y < minY) y = minY;
            if (y > maxY) y = maxY;

            map.setCenter(new google.maps.LatLng(y, x));
        });
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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