#javascript #leaflet
#javascript #листовка
Вопрос:
Я создаю систему поиска изображений, в которой пользователь выбирает тайл из карты листовки (т. Е. Выбирает часть изображения). Возвращаются похожие тайлы, принадлежащие другим изображениям из базы данных. При нажатии на результирующую плитку она перенаправляется на карту листовок для изображения, содержащего результирующую плитку.
Вот снимок системы :
Чего я хочу добиться: переместить тайл (на который был нажат ранее) в центр перенаправленной карты.
Вот то, что я пробовал до сих пор на основе https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames#Tile_numbers_to_lon..2Flat._2 Я получаю xtile, ytile и масштабирование по URL-адресу плитки, например, tiles / image1/4/3/2.png
//calculating lat,lon of tile centre to make it come in centre after redirection
n = 2.0 ** zoom
lon_deg = xtile / n * (360.0 - 180.0)
lat_rad = Math.atan(Math.sinh(Math.PI * (1 - 2 * ytile / n)))
lat_deg= lat_rad * (180/Math.PI)
window.location.href = "http://127.0.0.1:5000/map.html";
map.flyTo([lon_deg,lat_deg]);
Это перенаправляет на координаты, удаленные от карты, и мне приходится перетаскивать снова, чтобы добраться даже до изображения. Может кто-нибудь подсказать мне, где я ошибаюсь в этом?
Комментарии:
1. Листовка ожидает порядок [широта, lng].
2. @ghybs Я делал именно это раньше, он перенаправлял на неправильные координаты. Затем я попробовал поменять местами. В обоих случаях это неверно.
3. В ваш пост было бы очень полезно добавить это напрямую: что вы уже пробовали, что не сработало, как вы в итоге получили свой текущий код и т.д.
4. Какой URL-адрес вашего тайла «4/3/2.png» равен x, y и z?