ol ext

ol-ext

Extensions froides pour OpenLayers (OL) .

OL-EXT est un ensemble d'extensions, de contrôles, d'interactions, de popup à utiliser avec OpenLayers.
Consultez des exemples en direct en ligne ou la documentation de l'API.

DÉCLARATIONS DESSIGNES DE @SIEDLERCHR.

Mots-clés: StoryMap, contrôle de la chronologie, popup CSS, Symboles impressionnants de police, graphiques pour la carte statistique (tarte / bar), commutateur de couche, barre de contrôle, calque Wikipedia, contrôle de légende, recherche, animations, mécanismes d'annulation / révocation

Commencer

Packages NPM

OL-EXT existe sous le nom de modules ES6 (OL-Text) et Pure JS (Dongated! OpenLayers-EXT).

Utilisation d'Ol-Ext dans un webpack

• Pour une utilisation avec WebPack, Rollup, Browserify ou d'autres groupes de modules, installez le package NPM OL-EXT et lien vers le répertoire Node_Modules:

npm install ol-ext

OpenLayers est une dépendance par les pairs, vous devez donc également l'installer.

npm install ol

Ensuite, dans votre fichier JS, vous pouvez importer les classes comme suit:

 Importer "OL / OL.CSS" Importer "OL-EXT / DIST / OL-EXT.CSS" Importer Layerswitcher à partir de "OL-EXT / CONTRÔLE / LAYERSWITCHER"

Voir les exemples suivants pour plus de détails sur le regroupement OL-EXT avec votre application:

• Utilisation de webpack

• Utilisation de colis

• En utilisant Angular

Les déclarations de typeScript sont avalimes sur SiedlerChr / Types-ol-EXT.

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

Utilisation de l'OL-Ext dans une page Web

• Pour une utilisation dans une page Web, installez le package NPM OpenLayers-EXT (obsolète):

npm install openlayers-ext

La bibliothèque sera disponible dans le répertoire node_modules/openlayers-ext/dist . Vous pouvez trouver des fichiers individuels dans le répertoire node_modules/openlayers-ext/lib .

• Vous pouvez télécharger les scripts du répertoire ./dist du référentiel dans votre projet et insérer les .js et .css dans votre page.

• Si vous souhaitez simplement ajouter une balise <script> pour tester les choses, vous pouvez vous lier directement aux builds à partir du GitHub Rawgit (non recommandé en production).

• Pour la compatibilité avec les navigateurs et plates-formes plus anciens (comme Internet Explorer jusqu'à la version 9 et Android 4.x), les OpenLayers doivent être transpirés (par exemple en utilisant Babel) et groupés avec des polyfills pour 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><-- si vous avez besoin de polyfill - <script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=requestanimationframe%2Element.prototype.classlist%2Curl%2Cobject.assign"></script>- ou - <script src = "https: // polyfill-taste. io / v3 / polyfill.min.js? fonctionnalités = requestanimationframe% 2celement.prototype.classList% 2CObject.assign% 2curl "> </cript> -> <! - 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-exxt/master/dist/ol-exxt.min.js "> </ script>

navigateurs pris en charge

OL-EXT fonctionne sur tous les navigateurs modernes qui prennent en charge HTML5 et ECMAScript 5. Cela comprend Chrome, Firefox, Safari et Edge. Pour les navigateurs et plates-formes plus anciens comme Internet Explorer (jusqu'à la version 9) et Android 4.x, Polyfills pour pour requestAnimationFrame , Element.prototype.classList , Object.assign et URL .

Documentation

Consultez les exemples hébergés ou la documentation de l'API.

Contributif

Veuillez consulter nos directives contributives si vous souhaitez vous impliquer.

• Voir tous les contributeurs

Insectes

Veuillez utiliser le suivi du problème GitHub pour tous les bogues et les demandes de fonctionnalités. Avant de créer un nouveau problème, effectuez une recherche rapide pour voir si le problème a déjà été signalé.

Licence

OL-EXT est sous licence en vertu de la licence de logicielle Free Free Freensource OpenSource BSD .
(c) 2016-20 - Jean-Marc Viglino

Certaines ressources (services de cartographie et API) utilisées dans ce sofware peuvent avoir une licence spécifique.
Vous devez vérifier avant l'utilisation.

Licence de texte intégral en anglais
Licence de texte intégral en français

Pour plus de commodité, vous pouvez utiliser la licence BSD à la place lorsque vous publiez du contenu sur WebPack.