Commit 7c1f7cff086fbb93b850c3bdb1cab1eaac686004
1 parent
ced9b0a0
Exists in
master
and in
7 other branches
Novos exemplos sobre customização do i3Geo
Showing
4 changed files
with
83 additions
and
25 deletions
Show diff stats
exemplos/cursodsv2.htm
| ... | ... | @@ -14,12 +14,14 @@ |
| 14 | 14 | /************ |
| 15 | 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 | 26 | Descobre o tamanho da area de navegacao com i3GEO.calculaTamanho() |
| 25 | 27 | |
| ... | ... | @@ -31,12 +33,13 @@ por default i3GEO.Interface.ATUAL = "openlayers" |
| 31 | 33 | |
| 32 | 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 | 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 | 44 | Calcula varios parametros que sao armazenados na variavel i3GEO.Interface.openlayers.parametrosMap |
| 42 | 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 | 52 | |
| 50 | 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 | 58 | Cria o objeto global i3GeoMap mas ainda nao definido como um objeto do GoogleMaps. |
| 56 | 59 | ... | ... |
exemplos/cursodsv3.htm
| ... | ... | @@ -21,34 +21,44 @@ Define o elemento DOM com ID = i3geo para usar class = "yui-skin-sam" |
| 21 | 21 | Verifica se i3GEO.configura.sid esta vazia ou nao (guarda o ID da SESSION PHP) |
| 22 | 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 | 32 | Define a variavel i3GEO.configura.sid que armazena o ID da SESSION PHP |
| 31 | 33 | |
| 32 | 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 | 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 | 63 | Executa as operacoes de inicializacao que sao comuns: |
| 54 | 64 | ... | ... |
exemplos/cursodsv6.htm
| ... | ... | @@ -12,7 +12,8 @@ |
| 12 | 12 | <div style="top:50px;"> |
| 13 | 13 | <div style="width:150px;height:300px;border:1px solid;float:left;">Lateral</div> |
| 14 | 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 | 17 | </div> |
| 17 | 18 | </div> |
| 18 | 19 | <script> |
| ... | ... | @@ -20,7 +21,7 @@ |
| 20 | 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 | 25 | i3GEO.cria(); |
| 25 | 26 | i3GEO.inicia(); |
| 26 | 27 | </script> | ... | ... |
| ... | ... | @@ -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> | ... | ... |