開放層(OL)的涼爽擴展。
OL-EXT是一組擴展,控件,交互,與OpenLayers一起使用的彈出窗口。
在線查看實時示例或API文檔。
@siedlerchr的打字稿聲明。
關鍵字:故事圖,時間軸控制,CSS彈出窗口,字體真棒符號,統計映射圖表(pie/bar),層切換器,控制條,Wikipedia層,傳奇控制,搜索,搜索,動畫,撤消/重做機制
Ol-ext作為ES6模塊(OL-EXT)和純JS(已棄用!openlayers-ext)存在。
要與WebPack,lollup,瀏覽或其他模塊捆綁包一起使用,請安裝NPM OL-EXT軟件包,然後鏈接到Node_modules目錄:
npm install ol-ext
OpenLayers是同行依賴項,因此您也需要安裝它。
npm install ol
然後,在JS文件中,您可以按以下方式導入類:
導入“ ol/ol.css” import“ ol-ext/dist/ol-ext.css”導入從“ ol-ext/control/layerswitcher”導入層開關
請參閱以下示例以獲取有關您的應用程序捆綁Ol-Ext的更多詳細信息:
使用webpack
使用包裹
使用角
在Siedlerchr/types-ol-ext上可以使用打字稿聲明。
npm i -D @types/ol-ext@npm:@siedlerchr/types-ol-ext
用於在網頁中使用NPM OpenLayers-ext軟件包(已棄用):
npm install openlayers-ext
該庫將在node_modules/openlayers-ext/dist
目錄中可用。您可以在node_modules/openlayers-ext/lib
目錄中找到單個文件。
您可以在項目中下載存儲庫的./dist目錄的腳本,並在頁面中插入.js和.css。
如果您只想添加一個<script>
標籤來測試內容,則可以直接鏈接到Github Rawgit(不建議在生產中)鏈接到構建。
For compatibility with older browsers and platforms (like Internet Explorer down to version 9 and Android 4.x), the OpenLayers needs to be transpiled (eg using Babel) and bundled with polyfills for requestAnimationFrame
, Element.prototype.classList
, Object.assign
and URL
。
<! - openlayers-> <link rel =“ stylesheet” href =“ https://openlayers.org/en/latest/css/ol.css/ol.css”/> <script type =“ text/javascript” src =“ src =” https://openlayers.org/en/latest/build/ol.js"> </script> <---如果您需要polyfill- <script src =“ https://cdnjs.cloudflare. com/polyfill/polyfill/v3 /polyfill.min.js?version=4.8.0&features = requestanimationframe%2celement.prototype.classlist%2curl%2cobject.assign"> </script"> </script> - 或- <script src =“ https:// polyfill-fastly。 io/v3/polyfill.min.js?features = requestAnimationFrame%2celement.prototype.prototype.classlist%2cobject.assign%2curl“> </script> <!> <! - ol -ext-> ol-ext-> <link rel =” stylesheet “ href =” https://cdn.rawgit.com/viglino/ol-ext/master/dist/ol-ext.min.css'/> < script type =“ text/javascript” src =“ 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,用於requestAnimationFrame
的Polyfills, Element.prototype.classList
, Object.assign
和URL
。
查看託管示例或API文檔。
如果您有興趣參與,請查看我們的貢獻指南。
查看所有貢獻者
請使用GitHub問題跟踪器進行所有錯誤和功能請求。在創建新問題之前,請快速搜索以查看是否已經報告了問題。
OL-EXT由法國OpenSource BSD兼容Cecill-B免費軟件許可證獲得許可。
(c)2016-20-Jean-Marc Viglino
此Sofware中使用的一些資源(映射服務和API)可能具有特定的許可證。
您必須在使用前檢查。
英文全文許可證
法語全文許可證
為了方便起見,您可以在將內容髮佈到WebPack時使用BSD許可證。