ol ext

ol-ext

Ekstensi keren untuk OpenLayers (OL) .

OL-EXT adalah satu set ekstensi, kontrol, interaksi, popup untuk digunakan dengan OpenLayers.
Lihat contoh langsung secara online atau dokumentasi API.

Deklarasi TypeScript oleh @siedlerchr.

Kata kunci: StoryMap, Kontrol Garis Waktu, Popup CSS, Simbol Luar Biasa Font, Bagan Untuk Peta Statistik (PIE/BAR), Lapisan Switcher, Bilah Kontrol, Lapisan Wikipedia, Kontrol Legenda, Pencarian, Animasi, Batalkan/Redo Mekanisme

Memulai

Paket NPM

OL-EXT ada sebagai modul ES6 (OL-EXT) dan sebagai JS murni (sudah usang! OpenLayers-ext).

Menggunakan OL-EXT di webpack

• Untuk digunakan dengan bundler Webpack, Rollup, Browserify, atau modul lainnya, instal Paket OL-EXT NPM dan tautan ke direktori Node_Modules:

npm install ol-ext

OpenLayers adalah dependensi sebaya, jadi Anda perlu menginstalnya juga.

npm install ol

Kemudian dalam file JS Anda, Anda dapat mengimpor kelas sebagai mengikuti:

 impor "ol/ol.css" impor "ol-ext/dist/ol-ext.css" Impor Layerswitcher dari "OL-EXT/CONTROL/LAYERSWITCHER"

Lihat contoh-contoh berikut untuk detail lebih lanjut tentang bundling OL-EXT dengan aplikasi Anda:

• Menggunakan Webpack

• Menggunakan parsel

• Menggunakan sudut

Deklarasi TypeScript tersedia di siedlerchr/type-ol-ext.

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

Menggunakan OL-EXT di halaman web

• Untuk digunakan di halaman web Instal Paket NPM OpenLayers-Ext (sudah usang):

npm install openlayers-ext

Perpustakaan akan tersedia di direktori node_modules/openlayers-ext/dist . Anda dapat menemukan file individual di direktori node_modules/openlayers-ext/lib .

• Anda dapat mengunduh skrip direktori ./dist repositori dalam proyek Anda dan memasukkan .js dan .css di halaman Anda.

• Jika Anda hanya ingin menambahkan tag <script> untuk menguji semuanya, Anda dapat menautkan langsung ke build dari Github Rawgit (tidak disarankan dalam produksi).

• Untuk kompatibilitas dengan browser dan platform yang lebih lama (seperti Internet Explorer ke Versi 9 dan Android 4.x), OpenLayers perlu ditranspilasi (misalnya menggunakan Babel) dan dibundel dengan Polyfills untuk requestAnimationFrame , Element.prototype.classList , Object.assign , dan tanda dan tanda dan tanda dan tanda dan tanda objek dan tanda dan tanda dan tanda dan mamban dan mamban dan tanda objek, dan mamban dan msign, dan tanda Object. URL .

 <!-OpenLayers-> <link rel = "stylesheet" href = "https://openlayers.org/en/latest/css/ol.css"/> <type skrip = "teks/javascript" src = " https://openlayers.org/en/latest/build/ol.js"></script><-- jika Anda membutuhkan polyfill-<skrip src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=RequestanimationFrame%2celement.prototype.classlist%2Curl%2cObject.assign"></script>-- atau-<script src = "https: // Polyfill-fastly. io/v3/polyfill.min.js? fitur = requestAnimationFrame%2celement.prototype.classlist%2cObject.assign%2curl "> </script>-> <!-ol-ext-> <tautan rel =" stylesheet "href =" https://cdn.rawgit.com/viglino/ol-ext/master/dist/ol-ext.min.css "/> <script type =" text/javascript "src =" https: // cdn.rawgit.com/viglino/ol-ext/master/dist/ol-ext.min.js "> </script>

Browser yang didukung

OL-EXT menjalankan semua browser modern yang mendukung HTML5 dan ECMASCRIPT 5. Ini termasuk Chrome, Firefox, Safari dan Edge. Untuk browser dan platform yang lebih lama seperti Internet Explorer (Turun ke Versi 9) dan Android 4.x, Polyfills untuk untuk requestAnimationFrame , Element.prototype.classList , Object.assign dan URL .

Dokumentasi

Lihatlah contoh yang di -host atau dokumentasi API.

Berkontribusi

Silakan lihat pedoman yang berkontribusi jika Anda tertarik untuk terlibat.

• Lihat semua kontributor

Serangga

Harap gunakan pelacak masalah GitHub untuk semua bug dan permintaan fitur. Sebelum membuat masalah baru, lakukan pencarian cepat untuk melihat apakah masalahnya telah dilaporkan.

Lisensi

OL-EXT dilisensikan di bawah lisensi perangkat lunak Cecill-B gratis Cecill-B OpenSource BSD .
(c) 2016-20-Jean-Marc Viglino

Beberapa sumber daya (layanan pemetaan dan API) yang digunakan dalam sofware ini mungkin memiliki lisensi tertentu.
Anda harus memeriksa sebelum digunakan.

Lisensi teks lengkap dalam bahasa Inggris
Lisensi teks lengkap dalam bahasa Prancis

Untuk kenyamanan Anda dapat menggunakan lisensi BSD sebagai gantinya saat mempublikasikan konten ke Webpack.