어떻게 Google지도를 인터페이스처럼 만들 수 있습니까?

Question

안녕하세요 저는 고해상도지도에서 인터페이스처럼 Google지도를 만들고 싶습니다. 예. 11k x 11k 해상도. 내 목표는 이동/확대/축소하고지도의 원하는 위치에 핀을 삽입 할 수있게하는 것입니다. 지도 박스 플러그인을 사용하여 이미지 확대/축소를 구현할 수있었습니다. 내 질문은 핀을 (x, y) 위치에 배치하고 확대/축소 중에 핀을 유지하는 방법입니다.

감사

Answer 1

가장 쉬운 방법은 오른쪽 상단에 (0,0)와 11K 그리드하여 11K로 전체 이미지를 치료하는 것입니다. 그러면 핀은 (x, y)에 위치합니다. 그런 다음 이미지 크기를 조절할 때 새보기를 주 격자의 하위 집합으로 취급합니다.

예를 들어, (5000, 3500)에서 시작하여 500 x 500 픽셀이 될 수 있습니다. 그런 다음 핀이 해당 좌표에 있으면 그 위치를 계산합니다.

두 핀이 있다고 가정 해 봅시다. {(5230, 3550), (5400, 3700}}.

자, 5000, 3500에 확대하고 뷰 포트는 핀은 실제 위치는, 500x500 인 경우

{(230, 3550), (5400, 3700)}

방법 당신에게 변환 작업을 정확하게 수행해야하는 이유는 정확하게 줌/패닝 처리 방법이 다양하기 때문입니다.하지만 일반적인 아이디어 여야합니다.