ดาวน์โหลด ol ext - ol ext source download

ol ext

ซอร์สโค้ดอื่น ๆ

v4.0.24

ดาวน์โหลด

ol-ext

ส่วนขยายที่ยอดเยี่ยมสำหรับ OpenLayers (OL)

OL-EXT เป็นชุดของส่วนขยายการควบคุมการโต้ตอบป๊อปอัปเพื่อใช้กับ OpenLayers
ดูตัวอย่างสดออนไลน์หรือเอกสาร API

การประกาศ TypeScript โดย @SiedlerChr

คำสำคัญ: MoryMap, Timeline Control, CSS Popup, Font Font Awesome Symbols, แผนภูมิสำหรับแผนที่สถิติ (พาย/บาร์), ตัวสลับเลเยอร์, แถบควบคุม, เลเยอร์วิกิพีเดีย, การควบคุมตำนาน, การค้นหา, ภาพเคลื่อนไหว

เริ่มต้น

แพ็คเกจ NPM

OL-EXT มีอยู่เป็นโมดูล ES6 (OL-EXT) และเป็น JS บริสุทธิ์ (เลิกใช้! OpenLayers-EXT)

ใช้ ol-ext ใน webpack

สำหรับใช้กับ WebPack, Rollup, Browserify หรือ Bundlers โมดูลอื่น ๆ ติดตั้งแพ็คเกจ NPM OL-EXT และลิงก์ไปยังไดเรกทอรี Node_Modules:

npm install ol-ext

OpenLayers เป็นผู้พึ่งพาเพียร์ดังนั้นคุณต้องติดตั้งเช่นกัน

npm install ol

จากนั้นในไฟล์ JS ของคุณคุณสามารถนำเข้าคลาสดังต่อไปนี้:

 นำเข้า "OL/OL.CSS" นำเข้า "OL-EXT/DIST/OL-EXT.CSS" Import Layerswitcher จาก "OL-EXT/Control/Layerswitcher"

ดูตัวอย่างต่อไปนี้สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับ Bundling Ol-ext กับแอปพลิเคชันของคุณ:

ใช้ webpack
ใช้พัสดุ
ใช้ Angular

การประกาศ TypeScript นั้นมีความสามารถที่ SiedlerChr/Types-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

คุณสามารถดาวน์โหลดสคริปต์ของไดเรกทอรี./ดิสต์ของที่เก็บในโครงการของคุณและแทรก. js และ. css ในหน้าของคุณ
หากคุณเพียงต้องการเพิ่มแท็ก <script> เพื่อทดสอบสิ่งต่าง ๆ คุณสามารถเชื่อมโยงโดยตรงกับ BULDS จาก GITHUB RAWGIT (ไม่แนะนำในการผลิต)
สำหรับความเข้ากันได้กับเบราว์เซอร์และแพลตฟอร์มรุ่นเก่า (เช่น Internet Explorer ลงไปที่เวอร์ชัน 9 และ Android 4.x) ผู้ openlayers จะต้อง transpiled (เช่นการใช้ Babel) และรวมกับ polyfills สำหรับ requestAnimationFrame , Element.prototype.classList , Object.assign URL .

 <!-OpenLayers-> <link rel = "stylesheet" href = "https://openlayers.org/en/latest/css/ol.css"/> <script type = "text/javascript" src = " https://openlayers.org/en/latest/build/ol.js"></script><-ถ้าคุณต้องการ polyfill-<script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=requestanimationFrame%2Celement.prototype.classlist%2Curl%2Cobject.assign"></script>-หรือ-<สคริปต์ src = "https: // polyfill-fastly io/v3/polyfill.min.js? feature = requestanimationframe%2element.prototype.classlist%2cobject.assign%2curl "> </script>-> <!-ol-ext-> <link 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>

เบราว์เซอร์ที่รองรับ

OL-EXT ทำงานบนเบราว์เซอร์ที่ทันสมัยทั้งหมดที่รองรับ HTML5 และ ECMASCRIPT 5 ซึ่งรวมถึง Chrome, Firefox, Safari และ Edge สำหรับเบราว์เซอร์และแพลตฟอร์มรุ่นเก่าเช่น Internet Explorer (ลงไปที่เวอร์ชัน 9) และ Android 4.x, Polyfills สำหรับ requestAnimationFrame , Element.prototype.classList , Object.assign และ URL

เอกสาร

ตรวจสอบตัวอย่างที่โฮสต์หรือเอกสาร API

การบริจาค

โปรดดูแนวทางการสนับสนุนของเราหากคุณสนใจที่จะมีส่วนร่วม

ดูผู้มีส่วนร่วมทั้งหมด

ข้อบกพร่อง

โปรดใช้ตัวติดตามปัญหา GitHub สำหรับข้อบกพร่องและคำขอคุณสมบัติทั้งหมด ก่อนที่จะสร้างปัญหาใหม่ให้ทำการค้นหาอย่างรวดเร็วเพื่อดูว่ามีการรายงานปัญหาอยู่แล้วหรือไม่