모자이크 맵 서비스를 만드는 자습서

Portablemaps 우리에게 선물한다. 최고의 튜토리얼 중 하나 내가 본 것, 순수한 자바 스크립트와 html; 가장 흥미로운 점은 최종 제품을 보여 주지만 단계별로 진행되는 과정을 보여줍니다. 모든 과정을 한 번의 클릭으로 심도있는 튜토리얼이 아니어도 진행되는 과정을보고 쉽게 배우는 사람들을위한 것입니다.

가장 좋은 점은로드하고 수직 패널의 아이콘, 확대 / 축소로 재생 한 다음 왼쪽 프레임에 방법에 대한 설명이 있다고 생각하는 것입니다. 그만한 가치가 있습니다.

왼쪽 메뉴의 내용은 다음과 같습니다.

소개.  이 섹션에서는 알아야 할 가장 중요한 사항과 주로 HTML, Javascript 및 GIS에 대해 아는 방법에 대한 링크를 다룹니다.

레이어 만들기.  이 섹션에서는 확대 / 축소 수준 및 디렉터리 구조를 정의하는 방법을 보여줍니다.

지도 계획.  여기서 그는 모자이크 이미지의 크기, 표시 할 내용 및 글자를 정의하는 방법에 대해 설명합니다.

모자이크 만들기.  이 섹션에서는 ArcGIS, Maptitude 또는 Manifold를 사용하여 모자이크 이미지의 이름을 지정하기 위해 명명법에서 사용할 수있는 기준을 보여줍니다.

웹 페이지 기본 사항. 다음은 Javascript 및 DOM, 이벤트 및 div의 처리에 대한 기본 사항입니다.

  자바 스크립트.  이 섹션에서는 레이어 기능, 스크롤, 확대 / 축소 및 인터레이스 이벤트를 만드는 방법에 대해 설명합니다.

AJAX  상호 작용을 개선하기 위해 AJAX로 수행 할 수있는 작업의 몇 가지 예입니다.

최종 제품.  다음은 모든 단계와 권장 사항을 따랐을 때 제품의 모습입니다.

최종 수정  이미지 업데이트가 처리되는 방법.

경유 : James Fee