ol ext

OL-EXED

Kühle Erweiterungen für OpenLayers (OL) .

OL-EXED ist eine Reihe von Erweiterungen, Steuerelementen, Interaktionen und Popupen, die mit OpenLayers verwendet werden sollen.
Live -Beispiele online oder die API -Dokumentation anzeigen.

Typscript -Deklarationen von @Siedlerchr.

Schlüsselwörter: StoryMap, Timeline Control, CSS Popup, Schriftart Fantastische Symbole, Diagramme für die statistische Karte (Kuchen/Balken), Layer -Switcher, Steuerbalken, Wikipedia -Schicht, Legendkontrolle, Suche, Animationen, Rückgänger/REDO -Mechanismen

Erste Schritte

NPM -Pakete

OL-EXTS existiert als ES6-Module (ol-opt) und als reines JS (veraltet! OpenLayers-EXT).

Verwenden Sie OL-OED in einem Webpack

• Für die Verwendung mit Webpack, Rollup, Browserify oder anderen Modulbundlern installieren Sie das NPM OL-EXT-Paket und verlinken mit dem Verzeichnis node_modules:

npm install ol-ext

OpenLayers ist eine Peer -Abhängigkeit, daher müssen Sie sie auch installieren.

npm install ol

Dann können Sie in Ihrer JS -Datei die Klassen wie folgt importieren:

 importieren "ol/ol.css" importieren "ol-texten/dist/ol-texten.css" Importieren von LayerSwitcher aus "ol-text/control/layerSwitcher".

In den folgenden Beispielen finden Sie weitere Details zum Bündeln von OL-EXED mit Ihrer Anwendung:

• Verwenden von Webpack

• Mit Paket

• Verwenden von Angular

Typscript-Deklarationen sind bei Siedlerchr/Typen-OL-OXT-EXED durchschnittlich.

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

Verwenden Sie OL-EXED auf einer Webseite

• Für die Verwendung auf einer Webseite installieren Sie das NPM OpenLayers-EXT-Paket (veraltet):

npm install openlayers-ext

Die Bibliothek wird im Verzeichnis node_modules/openlayers-ext/dist verfügbar sein. Sie können einzelne Dateien im Verzeichnis node_modules/openlayers-ext/lib finden.

• Sie können die Skripte des Verzeichnisses ./DIST des Repositorys in Ihrem Projekt herunterladen und die .js und .css in Ihre Seite einfügen.

• Wenn Sie nur ein <script> -Tag hinzufügen möchten, um Dinge auszuprobieren, können Sie direkt mit den Builds aus dem Github Rawgit (in der Produktion nicht empfohlen) verlinken.

• Für die Kompatibilität mit älteren Browsern und Element.prototype.classList Object.assign wie Internet Explorer bis Version 9 und Android 4.x) müssen die OpenLayers umtranspiliert werden (z requestAnimationFrame 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><-- wenn Sie Polyfill benötigen-<script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=RequestanimationFrame%2Celement.Prototype.ClassList%2Curl%2CObject.assisign"></script>- oder-<script src = "https: // polyfill-fastly. IO/V3/Polyfill.min.js? Features = RequestAnimationFrame%2Celement.Prototype.ClassList%2CObject.Sign%2Curl "> </script>-> <!-OL-OEDS-> <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>

Unterstützte Browser

OL-EXED läuft auf allen modernen Browsern, die HTML5 und ECMascript 5 unterstützen. Dies umfasst Chrome, Firefox, Safari und Edge. Für ältere Browser und Plattformen wie Internet Explorer (bis Version 9) und Android 4.x, Polyfills für requestAnimationFrame , Element.prototype.classList , Object.assign und URL .

Dokumentation

Schauen Sie sich die gehosteten Beispiele oder die API -Dokumentation an.

Beitragen

Weitere Informationen finden Sie in unseren beitragenden Richtlinien, wenn Sie daran interessiert sind, sich zu engagieren.

• Sehen Sie alle Mitwirkenden

Käfer

Bitte verwenden Sie den GitHub -Ausgabe -Tracker für alle Fehler und Funktionsanfragen. Führen Sie vor dem Erstellen eines neuen Problems eine schnelle Suche durch, um festzustellen, ob das Problem bereits gemeldet wurde.

Lizenz

OL-EXED ist unter der französischen OpenSource BSD- kompatiblen CECILL-B Free Software-Lizenz lizenziert.
(c) 2016-20-Jean-Marc Viglino

Einige Ressourcen (Mapping Services und API), die in dieser Sofware verwendet werden, haben möglicherweise eine bestimmte Lizenz.
Sie müssen vor dem Gebrauch überprüfen.

Volltext -Lizenz in Englisch
Volltext -Lizenz in Französisch

Für den Einfachheit halber können Sie stattdessen die BSD -Lizenz verwenden, wenn Sie Inhalte in WebPack veröffentlichen.