ol ext 다운로드 -OL ol ext 소스 코드 다운로드

ol ext

기타 소스코드

v4.0.24

다운로드

ol-ext

OpenLayers (OL)를위한 Cool Extensions .

OL-EXT는 OpenLayers와 함께 사용할 확장, 컨트롤, 상호 작용, 팝업 세트입니다.
온라인 또는 API 문서를 실시간으로 볼 수 있습니다.

@siedlerchr의 TypeScript Declarations.

키워드 : 스토리 맵, 타임 라인 컨트롤, CSS 팝업, 글꼴 멋진 기호, 통계지도 (PIE/바), 레이어 스위처, 제어 막대, 위키 백과 레이어, 범례 제어, 애니메이션, 실행 취소/레디 메커니즘

시작하기

NPM 패키지

OL-EXT는 ES6 모듈 (OL-EXT) 및 순수한 JS (Dowrecated! OpenLayers-EXT)로 존재합니다.

웹 팩에서 ol-ext 사용

Webpack, Rollup, Browserify 또는 기타 모듈 Bundlers와 함께 사용하려면 NPM OL-EXT 패키지를 설치하고 NODE_MODULES 디렉토리에 링크하십시오.

npm install ol-ext

OpenLayers는 피어 종속성이므로 설치해야합니다.

npm install ol

그런 다음 JS 파일에서 다음과 같이 클래스를 가져올 수 있습니다.

 "OL/OL.CSS"import "ol-ext/dist/ol-ext.css" "ol-ext/control/layerswitcher"에서 Layerswitcher 가져 오기

응용 프로그램과 OL-EXT 번들링에 대한 자세한 내용은 다음 예제를 참조하십시오.

웹 팩 사용
소포 사용
Angular 사용

TypeScript 선언은 siedlerchr/type-ol-ext에서 불가능합니다.

npm i -D @types/ol-ext@npm:@siedlerchr/types-ol-ext

웹 페이지에서 OL-EXT 사용

웹 페이지에서 사용하려면 NPM OpenLayers-EXT 패키지 (더 이상 사용되지 않음)를 설치하십시오.

npm install openlayers-ext

라이브러리는 node_modules/openlayers-ext/dist 디렉토리에서 제공됩니다. node_modules/openlayers-ext/lib 디렉토리에서 개별 파일을 찾을 수 있습니다.

프로젝트에서 ./dist 디렉토리의 스크립트를 다운로드하고 페이지에 .js 및 .css를 삽입 할 수 있습니다.
<script> 태그를 추가하여 테스트를 테스트하려면 Github RawGit (제작에 권장되지 않음)의 빌드에 직접 연결할 수 있습니다.
이전 브라우저 및 플랫폼 (버전 9 및 Android 4.x까지 인터넷 익스플로러)과의 호환성을 위해서는 OpenLayers를 전달하고 (예 : Babel을 사용하여) requestAnimationFrame , Element.prototype.classList , Assign 및 Object.assign 및 Assign을 위해 폴리 플릴과 번들로 연결해야합니다. URL .

 <!-OpenLayers-> <link rel = "스타일 시트"href = "https://openlayers.org/en/latest/css/ol.css"/> <script type = "text/javascript"src = " polyfill이 필요한 경우 https://openlayers.org/en/latest/build/ol.js">/script><-- <script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=requestanimationframe%2celement.prototype.classlist%2Curl%2Cobject.Assign"></script>- 또는-<script src = "https : // polyfill-fastly. io/v3/polyfill.min.js? features = requestAnimationFrame%2celement.prototype.classList%2cobject.Assign%2curl "> </script>-> <!-ol-ext-> <link rel ="스타일 시트 "href ="https://cdn.rawgit.com/viglino/ol-ext/mas cdn.rawgit.com/viglino/ol-ext/master/dist/ol-ext.min.js "> </script>

지원되는 브라우저

OL-EXT는 HTML5 및 ECMAScript 5를 지원하는 모든 최신 브라우저에서 실행됩니다. 여기에는 Chrome, Firefox, Safari 및 Edge가 포함됩니다. Internet Explorer (버전 9까지) 및 Android 4.x와 같은 구형 브라우저 및 플랫폼의 경우 requestAnimationFrame , Element.prototype.classList , Object.assign 및 URL 용 Polyfills.