XY 이미지에서 위도와 경도 알아 내기

Question

내 웹 페이지에서 div 태그 안에 호스팅하고있는 이미지의 위도와 경도 값을 계산하는 데 어려움이 있습니다. 이미지의 x, y (픽셀) 좌표를 쉽게 알아 내 스크립트의 변수에 저장할 수 있습니다. 여기에 까다로운 부분이 있습니다 ...

지도가 이 아닙니다. mercator 투영이므로 x, y 픽셀 좌표를 lat 및 lon 값으로 선형 보간 할 수는 없습니다. 그러나 이미지의 네 모퉁이의 위도와 경도 (게시 된 다이어그램 참조), 이미지의지도 투영, 중앙 자오선 및 원점 위도를 알 수있는 사치를 가지고 있습니다.

800 × 600 픽셀의 이미지는 미국이며 나는 기본적으로 X를 전달하여 클릭에 위도와 경도를 포착하기 위해 노력하고, Y 픽셀 좌표. 나는 일종의 변형 함수가 필요하다고 가정하고있다.

Answer 1

페이지에 전단지 또는 Google지도와 같은지도 API를 사용하는 것이 더 쉽고 위치를 수정 한 다음 on click 이벤트의 LatLng를 사용하는 것이 더 쉽습니다.

Leaflet.js API를 간략히 살펴보면 가능한 것이고 Google지도에서도 할 수있는 것처럼 보입니다. 모든 드래그 및 줌 가능성을 비활성화했는지 확인하는 것은 약간의 피들입니다. 하지만 모든 프로젝션 작업이 당신을 위해 완료되기 때문에 훨씬 쉽습니다.

미국의 이미지가 왜 필요한지 불타는 이유가 실제로 있지 않는 한. 그러나 그럼에도 불구하고지도에 그림을 오버레이 할 수 있습니다.