Окно захвата Lat, Longs with Leaflet

Question

Я пытаюсь понять, как захватить четыре угла окна «Листовка», чтобы я мог загружать точки, основанные на том, где пользователь масштабируется географически. Например, посмотрите here.

Теперь, как бы я захватил четыре угла этого вида, чтобы я мог загружать только те точки, которые геометрически ограничены этим общим местоположением - в центре Лондона?

Я не смог найти ни одного примера для Листовки. Любая помощь будет оценена по достоинству.

Answer 1

Термин, который вы должны искать, называется «границей». Листовка-х L.Map имеет метод getBounds который будет возвращать границы текущего MapView:

http://leafletjs.com/reference.html#map-getbounds

Возвращает LatLngBounds текущего вида карты.

Он возвращает объект LatLngBounds, которые состоят из юго-западной и северо-восточной широты и долготы объекта:

http://leafletjs.com/reference.html#latlngbounds

представляет собой прямоугольное географическую зону на карте.

Как вы используете эти границы для запроса своих точек интереса со своего сервера, зависит от платформы, с которой вы работаете.

Если у вас уже есть набор данных, и вы хотите, чтобы фильтр, основанный на текущих границах, вы могли использовать метод contains объекта LatLngBounds. Вы можете использовать это, чтобы проверить, если точка находится внутри нынешних границ:

http://leafletjs.com/reference.html#latlngbounds-contains

Возвращает истину, если прямоугольник содержит заданную точку.