Exemplos de configuração da interface do i3geo

Diversos

Navegador de WMS cadastrados na INDE Brasileira

Mashups

Openlayers em um iframe

Mais sobre mashups

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];

Menu

Modifica o menu suspenso

Não mostra o menu de administração

Guias e janelas

Modificação na guia que mostra o catálogo de dados. Uso de combo ao invés de árvore

Guias do tipo sanfona

Inicia com uma guia específica

Guias do tipo sanfona com fotos

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

Barras de botões

Barra do tipo "olho de peixe" posicionada na parte superior do mapa

Apenas alguns ícones são mostrados e com uma função alterada (binóculo)

Barra apenas com os ícones

Barra com botões criados via HTML

Como inserir botões na barra de botões

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

Legenda

Legenda com grupos

Customização de ferramentas existentes

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

Lista de fotos em uma guia

Busca rápida

Adiciona uma camada extra via javascript

Vincula temas na árvore de camadas para ligar/desligar em bloco

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 3a - O mesmo que o 3 mas usando o Open Street Map

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

Interface Google Maps

Guias do tipo sanfona

Como adicionar uma camada WMS do i3Geo em um mapa normal do Google Maps

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

Como definir as camadas que serão incluídas no mapa na inicialização por meio da configuração de propriedades via Javascript

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

Login

Login simples Abre uma janela de diálogo para que o usuário faça login. Nesse exemplo não é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.

Login simples com verificação Abre uma janela de diálogo para que o usuário faça login. Ao contrário do anterior nesse exemplo é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.

Login com página de verificação anterior Abre uma janela de diálogo para que o usuário faça login. O código javascript só fica exposto após o login.

Exigência de login A página só é aberta se o usuário estiver logado.

Exige login e verifica acesso à página O mapa só é aberto se o usuário estiver cadastrado em um dos papéis que pode acessar essa operação.