Extensiones geniales para OpenLayers (OL) .
OL-EXT es un conjunto de extensiones, controles, interacciones, ventana emergente para usar con OpenLayers.
Ver ejemplos en vivo en línea o la documentación de la API.
Declaraciones de TypeScript por @SiedlerChr.
Palabras clave: StoryMap, Control de línea de tiempo, ventana emergente CSS, Fuente Símbolos impresionantes, gráficos para mapa estadístico (pastel/barra), conmutador de capa, barra de control, capa de wikipedia, control de leyendas, búsqueda, animaciones, mecanismos de deshacer/rehacer
OL-EXT existe como módulos ES6 (OL-EXT) y como JS PURO (Deprecisado! OpenLayers-Ext).
Para usar con Webpack, Rollup, Browserify u otros Bundlers de módulos, instale el paquete NPM OL-EXT y enlace al directorio Node_Modules:
npm install ol-ext
OpenLayers es una dependencia de pares, por lo que también debe instalarlo.
npm install ol
Luego, en su archivo JS, puede importar las clases de la siguiente manera:
Importar "OL/OL.CSS" import "OL-EXT/DIST/OL-EXT.CSS" Importa Capaswitcher de "OL-EXT/Control/CapeersWitcher"
Consulte los siguientes ejemplos para obtener más detalles sobre la agrupación de OL-EXT con su aplicación:
Uso de Webpack
Usando paquete
Usando Angular
Las declaraciones de TypeScript son avalables en Siedlerr/tipos-ol-ext.
npm i -D @types/ol-ext@npm:@siedlerchr/types-ol-ext
Para su uso en una página web, instale el paquete NPM OpenLayers-Ext (en desuso):
npm install openlayers-ext
La biblioteca estará disponible en el directorio node_modules/openlayers-ext/dist
. Puede encontrar archivos individuales en el directorio node_modules/openlayers-ext/lib
.
Puede descargar los scripts del directorio ./dist del repositorio en su proyecto e insertar el .js y .css en su página.
Si solo desea agregar una etiqueta <script>
para probar las cosas, puede vincular directamente a las compilaciones del GitHub RAWGIT (no recomendado en producción).
Para la compatibilidad con navegadores y plataformas más antiguos (como Internet Explorer hasta la Versión 9 y Android 4.x), los OpenLayers deben ser transpilados (por ejemplo, con Babel) y se incluyen con polyfills para requestAnimationFrame
, Element.prototype.classList
, Object.assign
yign y URL
.
< https://openlayers.org/en/latest/build/ol.js"></script><-- Si necesita polyfill-<script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&features=requestanimationFrame%2Celement.prototype.classList%2Curl%2Cobject.assign"></script>-- o-<script src = "https: // polifill-fastly. io/v3/polyfill.min.js? "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 se ejecuta en todos los navegadores modernos que admiten HTML5 y ECMAScript 5. Esto incluye Chrome, Firefox, Safari y Edge. Para navegadores y plataformas más antiguas como Internet Explorer (hasta la versión 9) y Android 4.x, Polyfills for requestAnimationFrame
, Element.prototype.classList
, Object.assign
y URL
.
Consulte los ejemplos alojados o la documentación de la API.
Consulte nuestras pautas de contribución si está interesado en involucrarse.
ver todos los contribuyentes
Utilice el rastreador de problemas de GitHub para todos los errores y solicitudes de funciones. Antes de crear un nuevo problema, haga una búsqueda rápida para ver si el problema ya se ha informado.
OL-EXT tiene licencia bajo la licencia de software gratuito compatible con BSD francés OpenSource BSD.
(c) 2016-20-Jean-Marc Viglino
Algunos recursos (servicios de mapeo y API) utilizados en este software pueden tener una licencia específica.
Debe verificar antes de usar.
Licencia de texto completo en inglés
Licencia de texto completo en francés
Por conveniencia, puede usar la licencia BSD en su lugar al publicar contenido a Webpack.