Download as
Browse Code »

Commit 7bcc506501ee8532defaf28c8819ad51d889e020

Authored by Edmar Moretti
1 parent 188aa22f
Exists in master

Inclusão de exemplo com OSM

Showing 3 changed files with 124 additions and 7 deletions   Show diff stats
exemplos/index.html
  Diff comments   View file @7bcc506
... ... @@ -216,6 +216,9 @@ body,td {
216 216 da pá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
  Diff comments   View file @7bcc506
... ... @@ -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
  Diff comments   View file @7bcc506
... ... @@ -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>
... ...