ol extダウンロード-ol ol extソースコードのダウンロード

ol ext

その他のソースコード

v4.0.24

ダウンロード

ol-ext

OpenLayersのクールな拡張機能（OL） 。

OL-EXTは、OpenLayersで使用する拡張機能、コントロール、相互作用、ポップアップのセットです。
ライブの例をオンラインまたはAPIドキュメントを表示します。

@siedlerchrによるタイプスクリプト宣言。

キーワード：ストーリーマップ、タイムラインコントロール、CSSポップアップ、フォントの素晴らしいシンボル、統計マップ（PIE/BAR）のチャート、レイヤースイッチャー、コントロールバー、ウィキペディアレイヤー、凡例、凡例、検索、アニメーション、元気/再びメカニズム

はじめる

NPMパッケージ

OL-EXTは、ES6モジュール（OL-EXT）および純粋なJS（非推奨！OpenLayers-Ext）として存在します。

WebパックでOL-EXTを使用します

WebPack、ロールアップ、ブラウスライフィ、またはその他のモジュールバンドラーで使用するには、npm ol-extパッケージをインストールし、node_modulesディレクトリにリンクします。

npm install ol-ext

OpenLayersはピアの依存関係であるため、インストールする必要があります。

npm install ol

次に、JSファイルで次のようにクラスをインポートできます。

インポート「ol/ol.css」インポート "ol-ext/ol-ext.css" layerswitcherを「ol-ext/control/layerswitcher」からインポート

アプリケーションにol-extのバンドルに関する詳細については、次の例を参照してください。

Webpackを使用します
小包の使用
Angularを使用します

タイプスクリプト宣言は、 siedlerchr/types-ol-extで利用可能です。

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

WebページでOL-Extを使用します

Webページで使用するには、NPM OpenLayers-Extパッケージ（非推奨）をインストールします。

npm install openlayers-ext

ライブラリはnode_modules/openlayers-ext/distディレクトリで利用可能になります。 node_modules/openlayers-ext/libディレクトリに個々のファイルを見つけることができます。

プロジェクトのリポジトリの./distディレクトリのスクリプトをダウンロードして、ページに.jsと.cssを挿入できます。
<script>タグを追加して物事をテストするだけの場合、Github Rawgitのビルドに直接リンクできます（制作では推奨されません）。
古いブラウザーやプラットフォーム（インターネットエクスプローラーのバージョン9やAndroid 4.xまで）との互換性については、OpenLayersを導入し（例：BABELを使用する）、 requestAnimationFrame 、 Element.prototype.classList 、 Object.assignおよび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が必要な場合 -  <スクリプトsrc = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features= requestanimationFrame%2Celement.classList%2Curl%2Cobject.Assign"> </script>  - または -  <スクリプトsrc = "https：// polyfill-fastly。 io/v3/polyfill.min.js？feature = requestanimationframe％2celement.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が含まれます。インターネットエクスプローラー（バージョン9まで）やAndroid 4.xなどの古いブラウザやプラットフォーム、 requestAnimationFrame 、 Element.prototype.classList 、 Object.assign 、 URL用のポリフィル。