Exemplos de configuração da interface do i3geo

Interface OpenLayers

A interface OpenLayers passou a ser o padrão do i3Geo com a versão 4.4. O Modo TILE permite que o mapa seja construído em pequenas partes (TILES) apresentando uma navegabilidade contínua quando se desloca o mapa (pan). No modo normal, é desenhada apenas uma imagem para cada camada do mapa. Esse último modo pode apresentar uma performance melhor em sistemas baseados no Windows (MS4W). O uso de "TILES" ou não é controlado pela variável i3GEO.Interface.openlayers.TILES = false|true

i3GEO.Interface.openlayers.TILES = false

i3GEO.Interface.openlayers.TILES = true

A interface OpenLayers cria um objeto chamado i3geoOL com base na API do OpenLayers. Esse objeto pode receber os métodos dessa API, permitindo modificar o mapa. Alguns parâmetros são controlados por variáveis específicas do i3Geo.

Modo TILE com uma área de entorno maior i3GEO.Interface.openlayers.BUFFER = 1;

Ativação de um layer de fundo

Modifica a extensão geográfica máxima de apresentação i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698];

Guias, janelas, barras de botões

Guias do tipo sanfona

Retorna à guia padrão após adicionar um tema

Barra apenas com os ícones

Construção das barras de botões via javascript, sem necessidade de definir elementos no HTML

Construção das barras de botões via javascript, com escolha dos botões que irão ser incluídos

Construção das barras de botões via javascript, com escolha dos botões que irão ser incluídos e estilo diferente

Modifica o menu suspenso

Guias do tipo sanfona e diferentes do original. É adicionada uma guia nova que inicia aberta

Legenda

Legenda com grupos

Customização de ferramentas existentes

Mapa com a ferramenta "carousel" posicionada início do mapa

Interface normal

Inclusão de um mapa dentro de uma página usando DIV

Exemplo 1 - Botões com destaque laranja, em dois grupos na parte superior e mapa com zoom

Exemplo 2 - Botões com destaque laranja, em um único grupo na parte superior e mapa sem zoom

Exemplo 3 - Sem as guias, com os botões na parte superior e a legenda em um outro local da página

Exemplo 4 - Sem as guias, com os botões na parte superior e a legenda em uma janela flutuante

Exemplo 5 - Sem as guias e apenas com os botões de naveção em uma janela flutuante

Exemplo 6 - Mapa posicionado no canto superior esquerdo, sem as guias e apenas com os botões de naveção em uma janela flutuante

Inclusão de um mapa dentro de uma página em um IFRAME

Exemplo 1 - Sem controle de tamanho

Exemplo 2 - Com tamanho controlado

Aplicativos customizados

Lista de fotos em uma guia

Busca rápida

Adiciona uma camada extra via javascript

Configuração de janelas, árvores de camadas e adição de temas

Opções de criação de janelas flutuantes

Construtor de opções da árvore de adição de temas

Construtor de opções da árvore de camadas

Criação de combos baseados na árvore de camadas e lista de colunas de um tema

Árvore expandida

Legenda expandida

Árvore simplificada

Opção "mais temas" na guia de camadas

Árvore com grupos

Cálculos

Distâncias