mashup5.htm
4.01 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
<!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/i3geo.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 style="background-image:url('../imagenscabeca.png');height:10px"></td></tr>
<tr>
<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:520px;height:300px"></div>
</td></tr>
</table>
</td>
</tr>
<tr>
<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 style="background-image:url('../imagensrodape.png');height:10px"></td></tr>
</table>
<a style=text-align:center;color:white href="mailto:edmar.moretti@mma.gov.br">Críticas e sugestões</a>
</center>
</div>
<div id=botoesJanela style='display:none'>
<div style='display:inline;background-color:rgb(250,250,250);'>
<p style='font-size:6px;'> </p>
<img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/>
</div>
<div style='display:inline;background-color:rgb(250,250,250);'>
<p style='font-size:6px;'> </p>
<img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
</div>
<div style='display:inline;background-color:rgb(250,250,250);'>
<p style='font-size:6px;'> </p>
<img title="google" alt="" src="../imagens/branco.gif" id='google'/>
</div>
<div style='display:inline;background-color:rgb(250,250,250);'>
<p style='font-size:6px;'> </p>
<img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
</div>
</div>
<script type="text/javascript">
botoes = $i("botoesJanela").innerHTML;
$i("botoesJanela").innerHTML = "";
i3GEO.janela.mensagemSimples(botoes,"",100,200);
i3GEO.configura.locaplic = "http://"+window.location.host+"/i3geo";
i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
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.configura.mashuppar = "&mapext=-53 -26 -42 -18";
i3GEO.cria();
OpenLayers.ImgPath = "../pacotes/openlayers/img/";
i3GEO.inicia();
</script>
</body>
</html>