mashup1.htm
5.36 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Category" content="I3Geo Mapa interativo MMA">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>MMA - Mapa interativo</title>
<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
</head>
<body style="background-color:rgb(200,200,200);z-index:0;" class=yui-skin-sam >
<div style=position:absolute;left:10px;top:50px;width:200px; >
<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>
<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>
<p style=text-align:left;font-size:12pt >Nem todos os elementos precisam estar no mapa.<br><br>
<p style=text-align:left;font-size:12pt >Você pode esconder ou mudar as ferramentas de lugar.<br><br>
</div>
<div id="i3geo" style="left:300px;top:100px;position:absolute">
<p style=text-align:center;font-size:12pt; >Este é um exemplo de inclusão do I3Geo dentro de uma página qualquer.<br><br>
<table id='mst' style=display:none width=100% cellspacing='0'>
<tr style="border:0px"><td colspan=2 style="background-image:url('../imagenscabeca.png');height:10px"></td></tr>
<tr>
<td>
<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
<img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
<img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
<img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
<img title="mede" alt="" src="../imagens/branco.gif" id='mede'/>
</td>
<td>
<img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/>
<img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
<img title="aproxima" alt="" src="../imagens/branco.gif" id='zoomiauto'/>
<img title="afasta" alt="" src="../imagens/branco.gif" id='zoomoauto'/>
<img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/>
<img title="google" alt="" src="../imagens/branco.gif" id='google'/>
<img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
</td>
</tr>
<tr>
<td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
<table width=100% cellspacing=0 cellpadding=0 >
<tr>
<td title="libera guias" class=tdclaro ></td>
<td style="border-bottom:3px solid rgb(200,200,200)">
<div class=verdeescuro style="top:0px;cursor:pointer;">
<div id=guia1 class=guia value="Mostra os temas atualmente inseridos no mapa e que podem estar visíveis ou não." > Temas </div>
<div id=guia2 class=guia value="Mostra a lista de temas disponíveis no servidor de dados, possibilitando que novos temas sejam adicionados ao mapa."> Adiciona </div>
<div id=guia4 class=guia value="Mostra a legnda do mapa atual." > Legenda </div>
</div>
</td>
</tr>
</table>
<div id='guia1obj' ><div id=buscaRapida ></div><div id=listaPropriedades ></div><div id=listaTemas ></div></div>
<div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
<div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
</td>
<td style="vertical-align:top;border-width:0px;">
<table width="100%" style="vertical-align:top;border-width:0px">
<tr><td class=verdeclaro id=contemImg >
<!-- define o tamanho do mapa -->
<div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');width:450px;height:350px"></div>
</td></tr>
</table>
</td>
</tr>
<tr>
<td class=tdbranca >
</td>
<td class=tdbranca >
<table width=100% ><tr>
<td class=tdbranca ></td>
<td class=tdbranca >
</td>
<td class=tdbranca ></td>
</tr></table>
</td>
</tr>
<tr style="border:0px"><td colspan=3 style="background-image:url('../imagensrodape.png');height:10px"></td></tr>
</table>
<a style=text-align:center;color:white href="mailto:edmar.moretti@terra.com.br">Críticas e sugestões</a>
</center>
</div>
<div id=posicaoDomouse ></div>
<script type="text/javascript">
i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
i3GEO.configura.locaplic = "http://"+window.location.host+"/i3geo";
i3GEO.configura.mapaRefDisplay = "none";
i3GEO.configura.iniciaJanelaMensagens = false;
i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
i3GEO.idioma.MOSTRASELETOR = false;
i3GEO.configura.autotamanho = false;
i3GEO.Interface.ATUAL = "openlayers";
i3GEO.Interface.IDCORPO = "contemImg";
i3GEO.guias.ALTURACORPOGUIAS = 325;
i3GEO.barraDeBotoes.AJUDA = false;
i3GEO.barraDeBotoes.TIPOAJUDA = "";
i3GEO.Interface.openlayers.GADGETS = {
PanZoomBar:true,
PanZoom:false,
LayerSwitcher:true,
ScaleLine:true,
OverviewMap:false
};
i3GEO.Interface.openlayers.TILES = true;
i3GEO.cria();
OpenLayers.ImgPath = "../pacotes/openlayers/img/";
i3GEO.inicia();
</script>
</body>
</html>