큰 이미지에 Google지도 컨트롤 사용

Question

Google지도와 같은 드래그 및 확대/축소 컨트롤이 필요한 커다란 이미지가 있습니다. Google Maps API 및 기타 관련 웹 사이트를 조사하기 시작했지만 간단하고 쉬운 것을 찾을 수 없었습니다.

MapKi 안내서에서 automatically cut tiles과 add it as a custom map을 제안합니다. 이것은 의미가 있지만, 파일 서버에 너무 많은 이미지가있어 모두를 거치고 타일을 자르고 각각의 확대/축소 수준을 계산할 시간이 없습니다. 한 가지 좋은 해결책은이 작업을 자동으로 수행 할 수있는 스크립트를 작성하는 것이지만 다른 솔루션이있을 경우이를 찾는 데 많은 시간과 노력이 필요합니다.

따라서 원래 이미지에서 새 이미지 나 타일을 만들지 않고도 Google지도에서 이미지 컨트롤과 비슷한 기능을 사용할 수있는 방법이 있습니다. 코드를 게시하거나 튜토리얼/문서에 링크 할 수 있다면 좋을 것입니다. 또는 타일을 만들지 않고 Google API로이를 수행하는 방법을 알고 있다면 올바른 경로로 안내해주세요. 저는 Google Maps API를 처음 사용하는 초보자입니다.

Google지도의 경우 DragZoom을 찾았지만 그게 내가 원하는 것 같지 않습니다.

Answer 1

당신은 Djatoka

Answer 2

처럼 뭔가를 찾고 ... 그냥 기록을 위해 여기에 프론트 엔드 뷰어와 오픈 소스 기와 서버의 위치 :

http://iipimage.sourceforge.net/

Answer 3

체크 아웃 https://github.com/Murtnowski/GMap-JSlicer

slicer = new JSlicer(document.getElementById('map'), 'myImage.png'); 
slicer.init(); 

매우 간단하며 타일 사전 절단이 필요하지 않습니다. 단일 이미지를 가리키면됩니다.

Answer 4

라이브러리 및 박물관에서 매우 큰 이미지 (한쪽에 수만 픽셀 확대) 확대, 캔버스에 이미지 모음 만들기, 이미지에 주석 달기 등을 위해 IIIF 프로토콜을 살펴보아야합니다.

http://iiif.io