Download as
Browse Code »

Commit 7c1f7cff086fbb93b850c3bdb1cab1eaac686004

Authored by Edmar Moretti
1 parent ced9b0a0
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Novos exemplos sobre customização do i3Geo

Showing 4 changed files with 83 additions and 25 deletions   Show diff stats
exemplos/cursodsv2.htm
  Diff comments   View file @7c1f7cf
@@ -14,12 +14,14 @@ @@ -14,12 +14,14 @@
14 /************ 14 /************
15 Ajusta o cabecalho doctype se a variavel i3GEO.configura.ajustaDocType === true 15 Ajusta o cabecalho doctype se a variavel i3GEO.configura.ajustaDocType === true
16 16
17 -Verifica se o valor de SESSION foi passado via parametro na url e define a variavel i3GEO.configura.sid com esse valor 17 +Verifica se o valor de SESSION foi passado via parametro na url e define a variavel i3GEO.configura.sid
  18 +com esse valor
18 19
19 -Verifica se a variavel i3GEO.Interface.ALTTABLET esta definida, se estiver, verifica se o dispositivo e mobile e caso seja, altera a URL para abrir a interface mobile  
20 -definida em i3GEO.Interface.ALTTABLET 20 +Verifica se a variavel i3GEO.Interface.ALTTABLET esta definida, se estiver, verifica se o dispositivo
  21 +e mobile e caso seja, altera a URL para abrir a interface mobile definida em i3GEO.Interface.ALTTABLET
21 22
22 -Tenta identificar o valor de i3GEO.configura.locaplic caso esteja definida como "". A identificacao e feita com base no nome do script carregado 23 +Tenta identificar o valor de i3GEO.configura.locaplic caso esteja definida como "". A identificacao e
  24 +feita com base no nome do script carregado
23 25
24 Descobre o tamanho da area de navegacao com i3GEO.calculaTamanho() 26 Descobre o tamanho da area de navegacao com i3GEO.calculaTamanho()
25 27
@@ -31,12 +33,13 @@ por default i3GEO.Interface.ATUAL = "openlayers" @@ -31,12 +33,13 @@ por default i3GEO.Interface.ATUAL = "openlayers"
31 33
32 Procura pelo elemento DOM com ID definido em i3GEO.Interface.IDCORPO (por default e "corpoMapa") 34 Procura pelo elemento DOM com ID definido em i3GEO.Interface.IDCORPO (por default e "corpoMapa")
33 35
34 -Define o valor da variavel i3GEO.Interface.IDMAPA que contera o ID do elemento DOM que sera utilizado como container para o mapa 36 +Define o valor da variavel i3GEO.Interface.IDMAPA que contera o ID do elemento DOM que sera utilizado
  37 +como container para o mapa
35 38
36 No caso da interface OpenLayers: 39 No caso da interface OpenLayers:
37 40
38 - Caso i3GEO.Interface.IDMAPA nao for definida ou caso o ID nao seja encontrado, cria um div com ID "openlayers" e insere no elemento DOM com  
39 - ID definido em i3GEO.Interface.IDCORPO 41 + Caso i3GEO.Interface.IDMAPA nao for definida ou caso o ID nao seja encontrado, cria um div com ID
  42 + "openlayers" e insere no elemento DOM com ID definido em i3GEO.Interface.IDCORPO
40 43
41 Calcula varios parametros que sao armazenados na variavel i3GEO.Interface.openlayers.parametrosMap 44 Calcula varios parametros que sao armazenados na variavel i3GEO.Interface.openlayers.parametrosMap
42 Essa variavel e utilizada como parametro de inicializacao do mapa (ver API do OpenLayers) 45 Essa variavel e utilizada como parametro de inicializacao do mapa (ver API do OpenLayers)
@@ -49,8 +52,8 @@ No caso da interface OpenLayers: @@ -49,8 +52,8 @@ No caso da interface OpenLayers:
49 52
50 No caso da interface GoogleMaps: 53 No caso da interface GoogleMaps:
51 54
52 - Caso i3GEO.Interface.IDMAPA nao for definida ou caso o ID nao seja encontrado, cria um div com ID "googlemapsdiv" e insere no elemento DOM com  
53 - ID definido em i3GEO.Interface.IDCORPO 55 + Caso i3GEO.Interface.IDMAPA nao for definida ou caso o ID nao seja encontrado, cria um div com
  56 + ID "googlemapsdiv" e insere no elemento DOM com ID definido em i3GEO.Interface.IDCORPO
54 57
55 Cria o objeto global i3GeoMap mas ainda nao definido como um objeto do GoogleMaps. 58 Cria o objeto global i3GeoMap mas ainda nao definido como um objeto do GoogleMaps.
56 59
exemplos/cursodsv3.htm
  Diff comments   View file @7c1f7cf
@@ -21,34 +21,44 @@ Define o elemento DOM com ID = i3geo para usar class = "yui-skin-sam" @@ -21,34 +21,44 @@ Define o elemento DOM com ID = i3geo para usar class = "yui-skin-sam"
21 Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP) 21 Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP)
22 Se estiver vazia: 22 Se estiver vazia:
23 23
24 - Verifica as variaveis i3GEO.mapa.TEMASINICIAIS, i3GEO.mapa.TEMASINICIAISLIGADOS e i3GEO.configura.mashuppar  
25 - Essas variaveis sao utilizadas para compor os parametros que serao utilizados para criar a SESSION PHP e a area temporaria do mapa 24 + Verifica as variaveis i3GEO.mapa.TEMASINICIAIS, i3GEO.mapa.TEMASINICIAISLIGADOS e
  25 + i3GEO.configura.mashuppar
  26 + Essas variaveis sao utilizadas para compor os parametros que serao utilizados para criar a
  27 + SESSION PHP e a area temporaria do mapa
26 28
27 - Executa a funcao i3GEO.php.criamapa() com os parametros obtidos e segue o fluxo abaixo. Essa funcao executa um programa PHP cujo retorno  
28 - e o ID da SESSION criada 29 + Executa a funcao i3GEO.php.criamapa() com os parametros obtidos e segue o fluxo abaixo.
  30 + Essa funcao executa um programa PHP cujo retorno e o ID da SESSION criada
29 31
30 Define a variavel i3GEO.configura.sid que armazena o ID da SESSION PHP 32 Define a variavel i3GEO.configura.sid que armazena o ID da SESSION PHP
31 33
32 Se nao estiver vazia: 34 Se nao estiver vazia:
33 35
34 - Verifica se as variaveis i3GEO.parametros.w e i3GEO.parametros.h estao vazias, caso estejam, tenta calcular o tamanho que o mapa devera ter 36 + Verifica se as variaveis i3GEO.parametros.w e i3GEO.parametros.h estao vazias, caso estejam,
  37 + tenta calcular o tamanho que o mapa devera ter
35 38
36 - Executa a funcao de criacao do mapa i3GEO.php.inicia() usando i3GEO.parametros.w e i3GEO.parametros.h 39 + Executa a funcao de criacao do mapa i3GEO.php.inicia() usando i3GEO.parametros.w
  40 + e i3GEO.parametros.h
37 41
38 - Verifica o resultado da criacao do mapa, executada via Ajax e caso nao encontre erro, executa as operacoes seguintes:  
39 - (Nesse momento ja deve existir no servidor, na pasta temporaria, uma pasta especifica para o mapa atual, que inclui um arquivo mapfile  
40 - com os parametros) 42 + Verifica o resultado da criacao do mapa, executada via Ajax e caso nao encontre erro, executa
  43 + as operacoes seguintes:
  44 + (Nesse momento ja deve existir no servidor, na pasta temporaria, uma pasta especifica para o
  45 + mapa atual, que inclui um arquivo mapfile com os parametros)
41 46
42 Obtem o objeto JSON retornado peo servidor 47 Obtem o objeto JSON retornado peo servidor
43 48
44 - Define a variaval que guarda os parametros do mapa obtidos do servidor com i3GEO.parametros = retorno.data.variaveis 49 + Define a variaval que guarda os parametros do mapa obtidos do servidor com
  50 + i3GEO.parametros = retorno.data.variaveis
45 51
46 - Verifica se o mapa criado no servidor possui elementos gravados (o mapa pode ter sido recuperado do banco de dados de administracao) e recupera  
47 - esses elementos (desenhos, ferramentas, etc). Esses elementos sao armazenados em bse64 no objeto JSON retorno.data.customizacoesinit. 52 + Verifica se o mapa criado no servidor possui elementos gravados (o mapa pode ter sido
  53 + recuperado do banco de dados de administracao) e recupera esses elementos (desenhos,
  54 + ferramentas, etc). Esses elementos sao armazenados em bse64 no objeto JSON
  55 + retorno.data.customizacoesinit.
48 56
49 - Verifica se existem dados que armazenam a extensao geografica da ultima navegacao do usuario em cookies 57 + Verifica se existem dados que armazenam a extensao geografica da ultima navegacao do
  58 + usuario em cookies
50 59
51 - Armazena em i3GEO.arvoreDeCamadas.CAMADAS um objeto com os parametros de cada layer existente no mapfile criado no servidor 60 + Armazena em i3GEO.arvoreDeCamadas.CAMADAS um objeto com os parametros de cada layer existente
  61 + no mapfile criado no servidor
52 62
53 Executa as operacoes de inicializacao que sao comuns: 63 Executa as operacoes de inicializacao que sao comuns:
54 64
exemplos/cursodsv6.htm
  Diff comments   View file @7c1f7cf
@@ -12,7 +12,8 @@ @@ -12,7 +12,8 @@
12 <div style="top:50px;"> 12 <div style="top:50px;">
13 <div style="width:150px;height:300px;border:1px solid;float:left;">Lateral</div> 13 <div style="width:150px;height:300px;border:1px solid;float:left;">Lateral</div>
14 <div id=i3geo > 14 <div id=i3geo >
15 -<div id=corpoMapa style="left:155px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');"></div> 15 +<div id=corpoMapa style="left:155px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  16 +</div>
16 </div> 17 </div>
17 </div> 18 </div>
18 <script> 19 <script>
@@ -20,7 +21,7 @@ @@ -20,7 +21,7 @@
20 Esse mapa tem o tamanho definido em corpoMapa via style e esta posicionado em um lugar especifico do mapa 21 Esse mapa tem o tamanho definido em corpoMapa via style e esta posicionado em um lugar especifico do mapa
21 22
22 ************/ 23 ************/
23 -i3GEO.idioma.MOSTRASELETOR = false; 24 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
24 i3GEO.cria(); 25 i3GEO.cria();
25 i3GEO.inicia(); 26 i3GEO.inicia();
26 </script> 27 </script>
exemplos/cursodsv7.htm 0 → 100644
  Diff comments   View file @7c1f7cf
@@ -0,0 +1,44 @@ @@ -0,0 +1,44 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<title>i3GEO - OpenLayers</title>
  7 +<script src="../classesjs/i3geonaocompacto.js"></script>
  8 +<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
  9 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  10 +</head>
  11 +<body style='margin-left:7px;background:white;' class=yui-skin-sam >
  12 +<div style="top:50px;">
  13 +<div style="width:150px;height:300px;border:1px solid;float:left;">
  14 + Lateral <br>
  15 + <div id=escala style="margin:auto;text-align:center;left:5px;" ></div>
  16 + <div id=escalaTeste style="margin:auto;text-align:center;left:5px;" ></div>
  17 +</div>
  18 +<div id=i3geo >
  19 +<div id=corpoMapa style="left:155px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  20 +</div>
  21 +</div>
  22 +</div>
  23 +<script>
  24 +/************
  25 +Muitos dos componentes adicionais de um mapa sao inseridos em elementos DOM que possuem ID especifico
  26 +
  27 +Nesse mapa o item com a escala numerica esta inserido em um DIV com id="escala"
  28 +
  29 +Os componentes possuem valores de ID padronizados, mas que podem ser alterados, por exemplo com:
  30 +
  31 + i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml = "escalaTeste";
  32 +
  33 +A lista de componentes pode ser vista em:
  34 +
  35 + http://localhost/i3geo/documentacao/files/classesjs/classe_gadgets-js.html
  36 +
  37 +************/
  38 +//i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml = "escalaTeste";
  39 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  40 +i3GEO.cria();
  41 +i3GEO.inicia();
  42 +</script>
  43 +</body>
  44 +</html>