Commit 85f17e0c18c139c8a05a5e3fe089269a905ac4a9

Authored by Edmar Moretti
1 parent 56bc712f

Inclusão de exemplo com OSM

documentacao/files/classesjs/classe_marcador-js.html 0 → 100755
... ... @@ -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&ccedil;a</h4><p>GPL2</p><p>i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet</p><p>Direitos Autorais Reservados &copy; 2006 Minist&eacute;rio do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti <a href="#" onClick="location.href='mai' + 'lto:' + 'edmar.'&nbsp; + '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 &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral GNU conforme publicada pela Free Software Foundation;</p><p>Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til, por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita de COMERCIABILIDADE OU ADEQUAC&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.&nbsp; Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.&nbsp; Voc&ecirc; deve ter recebido uma c&oacute;pia da Licen&ccedil;a P&uacute;blica Geral do GNU junto com este programa; se n&atilde;o, escreva para a Free Software Foundation, Inc., no endere&ccedil;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 23 \ No newline at end of file
... ...
exemplos/index.html
... ... @@ -216,6 +216,9 @@ body,td {
216 216 da p&aacute;gina
217 217 </p>
218 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 222 <a href="mashup4.htm" target="_blank">Exemplo 4 </a>- Sem as guias,
220 223 com os bot&otilde;es na parte superior e a legenda em uma janela
221 224 flutuante
... ...
exemplos/mashup3.htm
... ... @@ -80,13 +80,14 @@ i3GEO.guias.ALTURACORPOGUIAS = 325;
80 80 i3GEO.barraDeBotoes.AJUDA = false;
81 81 i3GEO.barraDeBotoes.TIPOAJUDA = "";
82 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 89 i3GEO.Interface.openlayers.TILES = true;
  90 +
90 91 i3GEO.cria();
91 92 OpenLayers.ImgPath = "../pacotes/openlayers/img/";
92 93  
... ... @@ -94,4 +95,4 @@ i3GEO.inicia();
94 95 </script>
95 96  
96 97 </body>
97   -</html>
98 98 \ No newline at end of file
  99 +</html>
... ...
exemplos/mashup9.htm 0 → 100644
... ... @@ -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&ecirc; pode chamar o I3Geo de dentro de uma outra p&aacute;gina criando o DIV com id=i3geo<br><br>
  14 +<p style=text-align:left;font-size:12pt >Para chamar a p&aacute;gina n&atilde;o &eacute; necess&aacute;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&ecirc; 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 &eacute; um exemplo de inclus&atilde;o do I3Geo dentro de uma p&aacute;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&iacute;ticas e sugest&otilde;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>
... ...