Commit 85f17e0c18c139c8a05a5e3fe089269a905ac4a9
1 parent
56bc712f
Exists in
master
and in
7 other branches
Inclusão de exemplo com OSM
Showing
4 changed files
with
146 additions
and
7 deletions
Show diff stats
@@ -0,0 +1,22 @@ | @@ -0,0 +1,22 @@ | ||
1 | +<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Marcador - i3Geo</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script></head><body class="FramedContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!-- | ||
2 | +if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script> | ||
3 | + | ||
4 | +<!-- Generated by Natural Docs, version 1.51 --> | ||
5 | +<!-- http://www.naturaldocs.org --> | ||
6 | + | ||
7 | +<!-- saved from url=(0026)http://www.naturaldocs.org --> | ||
8 | + | ||
9 | + | ||
10 | + | ||
11 | + | ||
12 | +<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="Marcador"></a>Marcador</h1><div class=CBody><p>i3GEO.marcador</p><p>Gerencia os marcadores espaciais que o usuario pode definir e compartilhar</p><p>Os marcadores sao mantidos como cookies</p><h4 class=CHeading>Arquivo</h4><p>i3geo/classesjs/classe_marcador.js</p><h4 class=CHeading>Licença</h4><p>GPL2</p><p>i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet</p><p>Direitos Autorais Reservados © 2006 Ministério do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti <a href="#" onClick="location.href='mai' + 'lto:' + 'edmar.' + 'moretti' + '@' + 'gmai' + 'l.com'; return false;" class=LEMail>edmar.<span style="display: none">.nosp@m.</span>moretti<span>@</span>gmai<span style="display: none">.nosp@m.</span>l.com</a></p><p>Este programa é software livre; você pode redistribuí-lo e/ou modificá-lo sob os termos da Licença Pública Geral GNU conforme publicada pela Free Software Foundation;</p><p>Este programa é distribuído na expectativa de que seja útil, porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita de COMERCIABILIDADE OU ADEQUACÃO A UMA FINALIDADE ESPECÍFICA. Consulte a Licença Pública Geral do GNU para mais detalhes. Você deve ter recebido uma cópia da Licença Pública Geral do GNU junto com este programa; se não, escreva para a Free Software Foundation, Inc., no endereço 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.</p></div></div></div> | ||
13 | + | ||
14 | +</div><!--Content--> | ||
15 | + | ||
16 | + | ||
17 | + | ||
18 | +<!--START_ND_TOOLTIPS--> | ||
19 | +<!--END_ND_TOOLTIPS--> | ||
20 | + | ||
21 | +<script language=JavaScript><!-- | ||
22 | +if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html> | ||
0 | \ No newline at end of file | 23 | \ No newline at end of file |
exemplos/index.html
@@ -216,6 +216,9 @@ body,td { | @@ -216,6 +216,9 @@ body,td { | ||
216 | da página | 216 | da página |
217 | </p> | 217 | </p> |
218 | <p> | 218 | <p> |
219 | + <a href="mashup9.htm" target="_blank">Exemplo 3a </a>- O mesmo que o 3 mas usando o Open Street Map | ||
220 | + </p> | ||
221 | + <p> | ||
219 | <a href="mashup4.htm" target="_blank">Exemplo 4 </a>- Sem as guias, | 222 | <a href="mashup4.htm" target="_blank">Exemplo 4 </a>- Sem as guias, |
220 | com os botões na parte superior e a legenda em uma janela | 223 | com os botões na parte superior e a legenda em uma janela |
221 | flutuante | 224 | flutuante |
exemplos/mashup3.htm
@@ -80,13 +80,14 @@ i3GEO.guias.ALTURACORPOGUIAS = 325; | @@ -80,13 +80,14 @@ i3GEO.guias.ALTURACORPOGUIAS = 325; | ||
80 | i3GEO.barraDeBotoes.AJUDA = false; | 80 | i3GEO.barraDeBotoes.AJUDA = false; |
81 | i3GEO.barraDeBotoes.TIPOAJUDA = ""; | 81 | i3GEO.barraDeBotoes.TIPOAJUDA = ""; |
82 | i3GEO.Interface.openlayers.GADGETS = { | 82 | i3GEO.Interface.openlayers.GADGETS = { |
83 | - PanZoomBar:true, | ||
84 | - PanZoom:false, | ||
85 | - LayerSwitcher:true, | ||
86 | - ScaleLine:true, | ||
87 | - OverviewMap:false | ||
88 | - }; | 83 | + PanZoomBar:true, |
84 | + PanZoom:false, | ||
85 | + LayerSwitcher:true, | ||
86 | + ScaleLine:true, | ||
87 | + OverviewMap:false | ||
88 | +}; | ||
89 | i3GEO.Interface.openlayers.TILES = true; | 89 | i3GEO.Interface.openlayers.TILES = true; |
90 | + | ||
90 | i3GEO.cria(); | 91 | i3GEO.cria(); |
91 | OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | 92 | OpenLayers.ImgPath = "../pacotes/openlayers/img/"; |
92 | 93 | ||
@@ -94,4 +95,4 @@ i3GEO.inicia(); | @@ -94,4 +95,4 @@ i3GEO.inicia(); | ||
94 | </script> | 95 | </script> |
95 | 96 | ||
96 | </body> | 97 | </body> |
97 | -</html> | ||
98 | \ No newline at end of file | 98 | \ No newline at end of file |
99 | +</html> |
@@ -0,0 +1,113 @@ | @@ -0,0 +1,113 @@ | ||
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"> | ||
5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | ||
6 | +<title>MMA - Mapa interativo</title> | ||
7 | +<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script> | ||
8 | +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script> | ||
9 | +</head> | ||
10 | +<body style="background-color:rgb(200,200,200);z-index:0;" class=yui-skin-sam > | ||
11 | + | ||
12 | +<div style=position:absolute;left:10px;top:50px;width:200px; > | ||
13 | +<p style=text-align:left;font-size:12pt >Você pode chamar o I3Geo de dentro de uma outra página criando o DIV com id=i3geo<br><br> | ||
14 | +<p style=text-align:left;font-size:12pt >Para chamar a página não é necessário rodar o i3geo/ms_criamapa.php.<br><br> | ||
15 | +<p style=text-align:left;font-size:12pt >Nem todos os elementos precisam estar no mapa.<br><br> | ||
16 | +<p style=text-align:left;font-size:12pt >Você pode esconder ou mudar as ferramentas de lugar.<br><br> | ||
17 | +<div id=legendaDoMapa style='background:white;width:300px;'></div> | ||
18 | +</div> | ||
19 | + | ||
20 | +<div id=i3geo style="left:300px;top:100px;position:absolute" > | ||
21 | + | ||
22 | +<p style=text-align:center;font-size:12pt >Este é um exemplo de inclusão do I3Geo dentro de uma página qualquer.<br><br> | ||
23 | + | ||
24 | + | ||
25 | +<table id='mst' style=display:none width=100% cellspacing='0'> | ||
26 | +<tr style="border:0px"><td style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td></tr> | ||
27 | +<tr> | ||
28 | +<td> | ||
29 | + <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/> | ||
30 | + <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/> | ||
31 | + <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/> | ||
32 | + <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/> | ||
33 | + <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/> | ||
34 | + <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/> | ||
35 | + <img title="mede" alt="" src="../imagens/branco.gif" id='mede'/> | ||
36 | + <img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/> | ||
37 | + <img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/> | ||
38 | + <img title="aproxima" alt="" src="../imagens/branco.gif" id='zoomiauto'/> | ||
39 | + <img title="afasta" alt="" src="../imagens/branco.gif" id='zoomoauto'/> | ||
40 | + <img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/> | ||
41 | + <img title="google" alt="" src="../imagens/branco.gif" id='google'/> | ||
42 | + <img title="info" alt="" src="../imagens/branco.gif" id='identifica'/> | ||
43 | +</td> | ||
44 | +</tr> | ||
45 | +<tr> | ||
46 | + <td style="vertical-align:top;border-width:0px;"> | ||
47 | + <table width="100%" style="vertical-align:top;border-width:0px"> | ||
48 | + <tr><td class=verdeclaro id=contemImg > | ||
49 | + <!-- define o tamanho do mapa --> | ||
50 | + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');width:520px;height:300px"></div> | ||
51 | + </td></tr> | ||
52 | + </table> | ||
53 | + </td> | ||
54 | + </tr> | ||
55 | +<tr> | ||
56 | + <td class=tdbranca > | ||
57 | + <table width=100% ><tr> | ||
58 | + <td class=tdbranca ><div id=escala ></div></td> | ||
59 | + <td class=tdbranca ><div id=localizarxy >Aguarde...</div></td> | ||
60 | + <td class=tdbranca ></td> | ||
61 | + </tr></table> | ||
62 | + </td> | ||
63 | +</tr> | ||
64 | +<tr style="border:0px"><td style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr> | ||
65 | +</table> | ||
66 | +<a style=text-align:center;color:white href="mailto:edmar.moretti@mma.gov.br">Críticas e sugestões</a> | ||
67 | +</center> | ||
68 | +</div> | ||
69 | + | ||
70 | +<script type="text/javascript"> | ||
71 | +i3GEO.configura.locaplic = "http://"+window.location.host+"/i3geo"; | ||
72 | +i3GEO.configura.mapaRefDisplay = "none" | ||
73 | +i3GEO.configura.iniciaJanelaMensagens = false | ||
74 | +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja" | ||
75 | +i3GEO.idioma.MOSTRASELETOR = false | ||
76 | +i3GEO.configura.autotamanho = false; | ||
77 | +i3GEO.Interface.ATUAL = "openlayers"; | ||
78 | +i3GEO.Interface.IDCORPO = "contemImg"; | ||
79 | +i3GEO.guias.ALTURACORPOGUIAS = 325; | ||
80 | +i3GEO.barraDeBotoes.AJUDA = false; | ||
81 | +i3GEO.barraDeBotoes.TIPOAJUDA = ""; | ||
82 | +i3GEO.Interface.openlayers.GADGETS = { | ||
83 | + PanZoomBar:false, | ||
84 | + PanZoom:false, | ||
85 | + LayerSwitcher:true, | ||
86 | + ScaleLine:true, | ||
87 | + OverviewMap:false | ||
88 | +}; | ||
89 | +i3GEO.Interface.openlayers.TILES = true; | ||
90 | + | ||
91 | +i3GEO.cria(); | ||
92 | + | ||
93 | +i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali"; | ||
94 | +i3GEO.mapa.TEMASINICIAISLIGADOS = "_llocali"; | ||
95 | + | ||
96 | +(function(){ | ||
97 | + var osm = new OpenLayers.Layer.OSM( | ||
98 | + "Open Street Maps", | ||
99 | + "http://tile.openstreetmap.org/${z}/${x}/${y}.png", | ||
100 | + { | ||
101 | + isBaseLayer:true, | ||
102 | + visibility: true | ||
103 | + } | ||
104 | + ); | ||
105 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm]; | ||
106 | +})(); | ||
107 | +OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | ||
108 | +i3GEO.Interface.openlayers.googleLike = true; | ||
109 | +i3GEO.inicia(); | ||
110 | +</script> | ||
111 | + | ||
112 | +</body> | ||
113 | +</html> |