Download as
Browse Code »

Commit 67f135ccfe51787b6cff7c646beff65ad0772ea6

Authored by Edmar Moretti
1 parent eccf74dd
Exists in master

-

Showing 1 changed file with 110 additions and 87 deletions   Show diff stats
interface/carto_ol.htm
  Diff comments   View file @67f135c
  1 +
  2 +
1 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 4 <html>
3 5 <head>
4   -<meta http-equiv="Category" content="i3Geo Mapa interativo Cartogramas Estatistica geoprocessamento sig mobile">
  6 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 7 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -
7   -<title>i3GEO - Cartogramas com OpenLayers</title>
8   -<style>
9   -.olControlEditingToolbar1 div {
10   - background-image:url(../mashups/openlayers.png);
11   - background-repeat:no-repeat;
12   - float:right;
13   - right: 0px;
14   - height:29px;
15   - margin:2px;
16   - width:29px;
17   - cursor:pointer;
18   -}
19   -</style>
  8 +<title>i3GEO - OpenLayers</title>
20 9 </head>
21   -<body id="i3geo" style="background-color:white">
22   -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
23   -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
24   - <tr style="border:0px">
25   - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
26   - </tr>
27   - <tr>
28   - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
29   - <div id="menus" ></div>
30   - </td>
31   - </tr>
32   - <tr>
33   - <td style="vertical-align:top;border-width:0px;">
34   - <table width="100%" style="vertical-align:top;border-width:0px">
35   - <tr>
36   - <td class=verdeclaro id=contemImg >
37   - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
38   - </td>
39   - </tr>
40   - </table>
41   - </td>
42   - </tr>
43   - <tr>
44   - <td>
45   - <table width=100% >
46   - <tr>
47   - <td class=tdbranca >
48   - <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
49   - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div>
50   - </td>
51   - <td class=tdbranca >
52   - <div id=escala style="text-align:right;" ></div>
53   - </td>
54   - <td class=tdbranca >
55   - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div>
56   - </td>
57   - <td class=tdbranca >
58   - <div id=seletorIdiomas ></div>
59   - </td>
60   - </tr>
61   - </table>
62   - </td>
63   - </tr>
64   - <tr style="border:0px">
65   - <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
66   - </tr>
67   -</table>
68   -<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
69   - <tr>
70   - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
71   - </tr>
72   - <tr>
73   - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
74   - </tr>
75   -</table>
  10 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  11 + <!-- inclui o nome do usuario logado -->
  12 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  13 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  14 + <tr>
  15 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  16 + <!--menu suspenso-->
  17 + <div id="menus" style="height: 0px;"></div>
  18 + </td>
  19 + </tr>
  20 + <tr>
  21 + <td style="vertical-align: top; border-width: 0px;">
  22 + <table width="100%" style="vertical-align: top; border-width: 0px">
  23 + <tr>
  24 + <td class=verdeclaro id=contemImg>
  25 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  26 + </td>
  27 + </tr>
  28 + </table>
  29 + </td>
  30 + </tr>
  31 + <tr>
  32 + <td>
  33 + <table style="width: 100%; height: 28px">
  34 + <tr>
  35 + <td class=fundoRodape style="width: 25%">
  36 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  37 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  38 + </td>
  39 + <td class=fundoRodape style="width: 5%"></td>
  40 + <td class=fundoRodape style="width: 40%">
  41 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  42 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  43 + </td>
  44 + <td class=fundoRodape style="width: 20%">
  45 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  46 + <div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  47 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  48 + </td>
  49 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  50 + <td class=fundoRodape style="width: 10%;">
  51 + <div id=seletorIdiomas style="right: 15px;"></div>
  52 + </td>
  53 + </tr>
  54 + </table>
  55 + </td>
  56 + </tr>
  57 + </table>
  58 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  59 + <tr>
  60 + <td style="height: 30px"><div id=versaoi3geo></div>
  61 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  62 + <h3 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  63 + </tr>
  64 + <tr>
  65 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  66 + </tr>
  67 + <tr>
  68 + <td>
  69 + <!--
  70 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  71 + -->
  72 + </td>
  73 + </tr>
  74 + </table>
76 75  
77   -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
78   - <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:absolute;top:0px' width='0px' src='../imagens/openbars.png' >
79   - <div id="i3GEOguiaMovelMolde" style="box-shadow:-2px 0 2px gray;border-radius:5px 0px 0px 5px;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
80   - <div id="i3GEOguiaMovelIcones" style='overflow:none;left:0px;display:none;position:absolute;top:0px;text-align:center;height:0px;width:0px;border:solid 0px white;background-color:white' ></div>
81   - <div id="i3GEOguiaMovelConteudo" style='overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
82   - <div id='guia1obj' style='display:none;' >
83   - <div style='left:5px;top:10px;' id=buscaRapida ></div>
84   - <div id=listaPropriedades style='top:15px;' ></div>
85   - <div id=listaLayersBase style='top:15px;'></div>
86   - <div id=listaTemas style='top:15px;'></div>
  76 + <div id="i3GEOguiaMovel" style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">
  77 + <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' width='0px' src='../imagens/openbars.png'>
  78 + <div id="i3GEOguiaMovelMolde" style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">
  79 + <div id="i3GEOguiaMovelIcones" style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div>
  80 + <div id="i3GEOguiaMovelConteudo" style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'>
  81 + <div id='guia1obj' style='display: none;'>
  82 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  83 + <div style='left: 5px; top: 10px;' id=buscaRapida></div>
  84 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  85 + <div id=listaPropriedades style='top: 15px;'></div>
  86 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  87 + <div id=listaLayersBase style='top: 15px;'></div>
  88 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  89 + <div id=listaTemas style='top: 15px;'></div>
  90 + </div>
  91 + <div id='guia2obj' style='display: none;'>
  92 + Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />
  93 + </div>
  94 + <div id='guia4obj' style='display: none; text-align: left'>
  95 + <div id='legenda' style='text-align: left'></div>
  96 + </div>
  97 + <div id='guia5obj' style='display: none; text-align: left'>
  98 + <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>
  99 + </div>
87 100 </div>
88   - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
89   - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
90 101 </div>
91 102 </div>
92   -</div>
93   -<script src="../classesjs/i3geo.js"></script>
94   -<script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>
95   -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
96   -
  103 + <style>
  104 + .olControlEditingToolbar1 div {
  105 + background-image: url(../mashups/openlayers.png);
  106 + background-repeat: no-repeat;
  107 + float: right;
  108 + right: 0px;
  109 + height: 29px;
  110 + margin: 2px;
  111 + width: 29px;
  112 + cursor: pointer;
  113 + top: 10px;
  114 + }
  115 + </style>
  116 + <script src="../classesjs/i3geo.js"></script>
  117 + <script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  118 + <script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>
  119 + <link rel="stylesheet" type="text/css" href="../css/black.css">
97 120 <script>
98 121 /*
99 122 Interface para gera&ccedil;&atilde;o de cartogramas com Openlayers
... ...