تنزيل ol ext - تنزيل رمز المصدر ol ext

ol ext

شفرة المصدر الأخرى

v4.0.24

تنزيل

رأ

امتدادات رائعة لـ OpenLayers (OL) .

OL-EXT هي مجموعة من الامتدادات ، والضوابط ، والتفاعلات ، والنوافذ المنبثقة لاستخدامها مع OpenLayers.
عرض الأمثلة المباشرة عبر الإنترنت أو وثائق API.

تصريحات TypeScript بواسطة siedlerchr.

الكلمات الرئيسية: خريطة القصة ، التحكم في الجدول الزمني ، المنبثقة CSS ، الرموز الرائعة للخط ، المخططات للخريطة الإحصائية (فطيرة/شريط) ، مفتاح الطبقة ، شريط التحكم ، طبقة ويكيبيديا ، التحكم في الأسطورة ، البحث ، الرسوم المتحركة ، آليات التراجع/إعادة

ابدء

حزم NPM

يوجد OL-EXT كوحدات ES6 (OL-EXT) و JS PURE (DEPRECATED! OpenLayers-Ext).

باستخدام OL-Ext في حزمة ويب

للاستخدام مع WebPack أو Rollup أو Browserify أو غيرها من حزم الوحدات النمطية ، قم بتثبيت حزمة NPM OL-EXT وربط دليل Node_Modules:

npm install ol-ext

OpenLayers هي تبعيات من الأقران ، لذلك تحتاج إلى تثبيته أيضًا.

npm install ol

ثم في ملف JS الخاص بك ، يمكنك استيراد الفصول على النحو التالي:

 استيراد "OL/OL.CSS" استيراد "OL-EXT/DIST/OL-EXT.CSS" استيراد طبقات من "OL-EXT/CONTROL/LYERSWIGHTER"

انظر الأمثلة التالية لمزيد من التفاصيل حول تجميع OL-Mex مع طلبك:

باستخدام WebPack
باستخدام الطرود
باستخدام Angular

تصريحات TypeScript يمكن جاذبيتها في SiedlerChr/Types-Sol-Mext.

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

باستخدام OL-Ext في صفحة ويب

للاستخدام في صفحة الويب ، قم بتثبيت حزمة NPM OpenLayers-Ext (تم إهمالها):

npm install openlayers-ext

ستتوفر المكتبة في Directory node_modules/openlayers-ext/dist . يمكنك العثور على ملفات فردية في node_modules/openlayers-ext/lib .

يمكنك تنزيل البرامج النصية للدليل./Dist للمستودع في مشروعك وإدراج .js و .css في صفحتك.
إذا كنت ترغب فقط في إضافة علامة <script> لاختبار الأشياء ، فيمكنك الارتباط مباشرة بالإنشاءات من Github Rawgit (غير موصى بها في الإنتاج).
للحصول على توافق مع المتصفحات والمنصات القديمة (مثل Internet Explorer وصولاً إلى الإصدار 9 و Android 4.x) ، يجب نقل OpenLayers (على سبيل المثال باستخدام Babel) وتجمع مع polyfills لـ requestAnimationFrame ، Element.prototype.classList ، Object.assign and 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٪2Clement.prototype.classlist٪2Curl٪2Cobject.Assign"></script>-أو-<script src = "https: // polyfill-faster. io/v3/polyfill.min.js؟ الميزات = requestAnimationFrame ٪ 2Clement.Protype.Classlist ٪ 2Cobject.assign ٪ 2Curl "> </script>-> <! "href =" https://cdn.rawgit.com/viglino/ol-ext/derch cdn.rawgit.com/viglino/ol-ext/master/dist/ol-ext.min.js "> </script>

المتصفحات المدعومة

يعمل OL-Ext على جميع المتصفحات الحديثة التي تدعم HTML5 و ECMASCRIPT 5. ويشمل ذلك الكروم والفلافوكس و SAFARI و EDGE. بالنسبة للمتصفحات والمنصات القديمة مثل Internet Explorer (وصولاً إلى الإصدار 9) و Android 4.x ، Polyfills for requestAnimationFrame ، Element.prototype.classList ، Object.assign و URL .

الوثائق

تحقق من الأمثلة المستضافة أو وثائق API.

المساهمة

يرجى الاطلاع على إرشاداتنا المساهمة إذا كنت مهتمًا بالمشاركة.

انظر جميع المساهمين

البق

يرجى استخدام تعقب مشكلة GitHub لجميع الأخطاء وطلبات الميزات. قبل إنشاء مشكلة جديدة ، قم بالبحث السريع لمعرفة ما إذا كانت المشكلة قد تم الإبلاغ عنها بالفعل.