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

Question

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

감사합니다

Answer 1

가장 쉬운 방법은 전체 이미지를 오른쪽 상단 모서리에있는 (0,0)로 11K 그리드로 11K로 처리하는 것입니다.그런 다음 핀은 (x, y)에 위치합니다.그런 다음 이미지를 조정하면 새보기를 메인 그리드의 하위 집합으로 처리합니다.

예를 들어, (5000, 3500)에서 시작할 수 있고 500 × 500 픽셀 수 있습니다.그런 다음 핀이 이러한 율한 경우 위치를 계산하는 위치를 계산합니다.

두 핀이 있습니다 : {(5230, 3550), (5400, 3700)}.

이제 5000, 3500 및 View 포트가 500x500이면 핀 실제 위치는 다음과 같습니다.

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

번역을 수행하는 방법은 정확히 줌 / 패닝 / 패닝을 정확히 정확히 얼마나 다릅니다. 그러나 일반적인 아이디어 여야합니다.