ol ext Download - ol ext Código Fonte Download

ol ext

Outro código-fonte

v4.0.24

Baixar

ol-ext

Extensões legais para o OpenLayers (OL) .

OL-EXT é um conjunto de extensões, controles, interações, pop-up para usar com o OpenLayers.
Veja exemplos ao vivo online ou a documentação da API.

Declarações TypeScript de @siedlerChr.

Palavras -chave: StoryMap, Controle da linha do tempo, pop -up CSS, Símbolos impressionantes da fonte, gráficos para mapa estatístico (torta/barra), comutador de camadas, barra de controle, camada da Wikipedia, controle de legenda, pesquisa, animações, mecanismos de desfazer/refazer

Começando

Pacotes NPM

OL-EXT existe como módulos ES6 (OL-EXT) e como JS puro (depreciado! OpenLayers-ext).

Usando OL-EXT em um webpack

Para uso com Webpack, Rollup, BrowSerify ou outros pacotes de módulos, instale o pacote OL-EXT NPM e link para o diretório Node_modules:

npm install ol-ext

O OpenLayers é uma dependência de colegas, então você também precisa instalá -lo.

npm install ol

Então, no seu arquivo JS, você pode importar as classes da seguinte forma:

 Importar "OL/OL.CSS" importar "OL-EXT/DIST/OL-EXT.CSS" Importar Layerswitcher de "OL-EXT/CONTROL/Layerswitcher"

Veja os seguintes exemplos para obter mais detalhes sobre o agrupamento OL-EXT com seu aplicativo:

Usando Webpack
Usando o pacote
Usando angular

As declarações de texto datilografadas estão disponíveis no SiedlerChr/Type-OL-EXT.

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

Usando OL-EXT em uma página da web

Para uso em uma página da web, instale o pacote NPM OpenLayers-EXT (depreciado):

npm install openlayers-ext

A biblioteca estará disponível no diretório node_modules/openlayers-ext/dist . Você pode encontrar arquivos individuais no diretório node_modules/openlayers-ext/lib .

Você pode baixar os scripts do diretório ./dist do repositório em seu projeto e inserir os .js e .css em sua página.
Se você deseja apenas adicionar uma tag <script> para testar as coisas, poderá vincular diretamente as compilações do Github RawGit (não recomendado na produção).
Para compatibilidade com navegadores e plataformas mais antigas (como o Internet Explorer até a versão 9 e o Android 4.x), os OpenLayers precisam ser transpilados (por exemplo, usando Babel) e agrupados com polifills para requestAnimationFrame , Element.prototype.classList , Object.assign e 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><-- Se você precisar de polifill-<script src = "https://cdnjs.cloudflare.com/polyfill/v3 /polyfill.min.js?version=4.8.0&Features=RequestanimationFrame%2CELEMENT.PROTOTYPE.CLASSLIST%2CURL%2COBJET.ASSIGNN></Script>-- ou-<script src = "https: // polyfill-friptly. 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>

navegadores suportados

O OL-EXT é executado em todos os navegadores modernos que suportam HTML5 e ECMAScript 5. Isso inclui Chrome, Firefox, Safari e Edge. Para navegadores e plataformas mais antigas como o Internet Explorer (até a versão 9) e o Android 4.x, Polyfills for requestAnimationFrame , Element.prototype.classList , Object.assign e URL .

Documentação

Confira os exemplos hospedados ou a documentação da API.

Contribuindo

Consulte nossas diretrizes contribuintes se você estiver interessado em se envolver.

Veja todos os colaboradores

Bugs

Use o rastreador de problemas do Github para todos os bugs e solicitações de recursos. Antes de criar um novo problema, faça uma pesquisa rápida para ver se o problema já foi relatado.