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

Question

[smoln]

Всем привет, искал но не смог найти, может кто подскажет,на сайте есть карта GOOGLE MAPS, при перетаскивании карты после границ появляется бесконечный серый фон, как сделать так чтоб при перетаскивании карты мышкой, карта перестала перемещаться когда доходит до серого фона (до границ).
Есть параметр draggable он отвечает за перемещение карты, если его отключить, то карта вообще перестает двигаться., это мне не подходит

Comments

[Alexander Ivanov]

Хм... Вероятнее всего, у вас не синхронизированы bounds с текущем положением курсора. Дело в том, что диапазон карты необходимо корректировать под текущие координаты. Я небольшой спец, но вы не могли бы показать саму карту?

[smoln]

olga-michi.ru/map
Да ничего подобного у меня нет, смотрел примеры bounds но, там тоже перетаскивание карты было свободным, так ничего и не понял

Answer 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));
        });