Exemplos de configuração da interface do i3geo

Diversos

Para ver os parâmetros de inicialização com ms_configura basta digitar http://localhost/i3geo/ms_criamapa.php?ajuda

Navegador de WMS cadastrados na INDE Brasileira

Navegador de WMS cadastrados na INDE Brasileira com Google Maps

Ícones inseridos no puxador lateral da guia móvel

Puxador lateral da guia móvel sem ícones

Guias laterais posicionados à esquerda do mapa

Painel que abre um mapa e gráficos. O mapa é restaurado de um mapa salvo anteriormente e que contém dois gráficos

Ao clicar no mapa (tip) as informações são mostradas em uma posição fixa no mapa

Botão de troca de interface localizado no canto inferior direito

Botão de troca de interface localizado na guia móvel

Mashups

Openlayers em um iframe

Mais sobre mashups

Interface OpenLayers

Sequência de exemplos que abordam a construção de interfaces customizadas. O código dos exemplos são mostrados em uma janela flutuante e foram organizados para facilitar o entendimento do funcionamento do código do i3Geo
Para abrir o exemplo sem a apresentação do código, basta alterar a URL eliminando o texto "codemirror.php?&pagina="

[1]    [2]    [3]    [4]    [5]    [6]    [7]    [8]    [9]    [10]    [11]    [12]    [13]    [14]    [15]    [16]    [17]    [18]    [19]    [20]    [21]    [22]    [23]    [24]    [25]    [26]    [27]    [28]    [29]

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;

Sem nenhum layer de fundo. A lista de layers de fundo e o controle sobre qual será mostrado no início do mapa é feito simplesmente modificando-se os parâmetros desses layers no HTML utilizado no mapa

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

Como incluir um controle baseado na API do OpenLayers

Posição do mouse

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 de botões em linha, com formatação livre

Barra de botões em linha, posicionada dentro do corpo do mapa

Barra de botões em linha, posicionada dentro do corpo do mapa e com aplicação de estilo transparente

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

Como inserir botões na barra de botões

Legenda

Legenda com grupos

Customização de ferramentas existentes

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

Sem nenhum componente adicional, apenas um botão "legenda" com a árvore de camadas

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.