오픈 레이어는 오랫동안 웹 페이지에 눈썹 이블 오픈 스트리트 맵보기를 포함하기위한 표준 선택이었다. 성숙하고 포괄적 인 라이브러리 (최소화 자바 스크립트의 400k 이상), 그것은 적당한 학습 곡선을 가지고 있지만 간단한 «미끄러운지도»를 넘어 많은 응용 프로그램을 할 수있다 : 그 기능은 전체 프로젝션 지원, 벡터 드로잉, 개요지도, 그리고 훨씬 더 포함. 그러나 OpenLayers로 작업하기로 선택한 라이브러리는 완전히 오픈 소스(수정된 BSD 라이선스)이며 프로젝트 및 상용 제품에서 무료로 사용할 수 있습니다. 선택 사항: 응용 프로그램이 Internet Explorer 또는 Android 4.x와 같은 이전 플랫폼에서 실행되도록 하는 경우 OpenLayers 앞에 다른 스크립트를 포함해야 합니다. 이러한 파일을 사용하여 OpenLayers의 시각적 측면을 구성할 수 있습니다. `lib` 디렉토리에는 단일 파일로 압축되기 전에 소스 자바 스크립트가 있지만 실제로는 이러한 모드에서 OpenLayers를 실행할 수 있습니다. 브라우저 오류 보고서는 더 의미있는 것을 보여주는 줄 번호로 이동하기 때문에 OpenLayers API를 사용하여 개발할 때 좋은 생각이 될 수 있습니다. 때로는 OpenLayers의 작동 방식을 파악하는 가장 빠른 방법은 예제와 소스 코드를 보는 것입니다. 자세한 OpenLayers 정보는 여기에서 찾을 수 있습니다.

타일 이미지는 OpenStreetMap 서버에서 오고 있습니다. 현재 OSM은 이러한 종류의 사용을 지원하고 있지만 보장은 없습니다. 가동 중지 시간(계획되거나 계획되지 않은)이 있을 수 있으며 타일 URL이 변경될 수 있습니다. 이제 File->열기 파일을 사용하여 웹 브라우저에서 기본 map.html을 여십시오. 다음 줄에 OpenLayers 맵 오브젝트가 만들어집니다. 레이어나 상호 작용이 없기 때문에 그 자체로는 아무 것도 하지 않습니다. 많은 파일이 포함된 openlayers.org zip 파일을 다운로드할 수 있으며 그 중 일부는 필요합니다. 실제로 압축 된 자바 스크립트의 단일 파일만 OpenLayers.js를 사용할 수 있습니다. 위의 예제에서는 스크립트 태그를 사용하여 openlayers.org 에서 원격으로 호스팅되는 OpenLayers 자바스크립트를 참조하는 방법을 보여 주기도 합니다. 이 접근 방식에는 장점과 단점이 있습니다. 대안은 OpenLayers를 다운로드하고 HTML과 함께 직접 호스팅하는 것입니다. OpenLayers의 레이어는 소스를 포함하는 유형(이미지, 타일 또는 벡터)으로 정의됩니다.

소스는 맵 타일을 얻는 데 사용되는 프로토콜입니다. 먼저 작업할 폴더를 만듭니다. openlayers.org OpenLayers의 안정적인 릴리스를 다운로드 (참고 : 이것은 그 예가 기반으로하는 이전 버전 2에 대한 링크입니다), 압축을 풀고. `OpenLayers.js` 파일과 `테마` 디렉토리를 폴더의 베이스에 복사합니다. 그런 다음 다음 중 하나를 새 HTML 파일로 복사하여 브라우저에서 봅니다. 가장 많이 사용되는 래스터 레이어는 OpenStreetMap, 스타멘, 빙 등의 좋아하는에 의해 제공되는 타일 레이어입니다. 타일레이어는 ol.layer.Tile 클래스로 표시되며 ol.source.OSM 또는 ol.source.Stamen: OpenLayers를 사용하면 모든 웹 페이지에 동적 맵을 쉽게 넣을 수 있습니다. 그것은 모든 소스에서로드지도 타일, 벡터 데이터 및 마커를 표시 할 수 있습니다. OpenLayers는 모든 종류의 지리적 정보의 사용을 더 강화하기 위해 개발되었습니다. 그것은 완전히 무료입니다, 오픈 소스 자바 스크립트, 2 절 BSD 라이센스 (또한 FreeBSD로 알려진)에 따라 출시. 이 빠른 시작은 OpenLayers 작업을 시작하는 데 필요한 몇 가지 기본 단계, 즉 기본 맵 만들기, 래스터 및 벡터 레이어 추가 및 스타일 지정 피처에 대해 설명합니다.

오픈 레이어와 함께 작업 이전 부분에서 4 | Part 1 — 첫 번째 응용 프로그램을 만들때 기본 오픈레이어 맵 페이지를 만들고 원하는 위치와 원하는 줌 레벨에서 맵을 시작했습니다.