Commit 1f0e5200bd50bc4fdadcf61dd82d593462d05d40
1 parent
1f149ce9
Exists in
master
and in
7 other branches
Adaptação das demais interfaces para o novo modelo
Showing
19 changed files
with
881 additions
and
2214 deletions
Show diff stats
admin/admin.db
No preview for this file type
interface/black_carto_ol.htm
| 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 geoprocessamento sig mobile"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - OpenLayers</title> | |
| 8 | - <script src="../classesjs/i3geo.js"></script> | |
| 9 | - <script src="../ferramentas/metaestat/index.js"></script> | |
| 10 | - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
| 11 | - <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 12 | - <style> | |
| 13 | - .olControlEditingToolbar1 div { | |
| 14 | - background-image: url(../mashups/openlayers.png); | |
| 15 | - background-repeat: no-repeat; | |
| 16 | - float: right; | |
| 17 | - right: 50px; | |
| 18 | - height: 29px; | |
| 19 | - margin: 2px; | |
| 20 | - width: 29px; | |
| 21 | - cursor: pointer; | |
| 22 | - top: 10px; | |
| 23 | - } | |
| 24 | - </style> | |
| 25 | -</head> | |
| 26 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 27 | - <!-- inclui o nome do usuario logado --> | |
| 28 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 29 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 30 | - <tr> | |
| 31 | - <td id="contemMenu"> | |
| 32 | - <!--menu suspenso--> | |
| 33 | - <div id="menus" style="height: 0px;"></div> | |
| 34 | - </td> | |
| 35 | - </tr> | |
| 36 | - <tr> | |
| 37 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 38 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 39 | - <tr> | |
| 40 | - <td class=verdeclaro id=contemImg> | |
| 41 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 42 | - </td> | |
| 43 | - </tr> | |
| 44 | - </table> | |
| 45 | - </td> | |
| 46 | - </tr> | |
| 47 | - <tr> | |
| 48 | - <td> | |
| 49 | - <table style="width: 100%; height: 28px"> | |
| 50 | - <tr> | |
| 51 | - <td class=fundoRodape style="width: 25%"> | |
| 52 | - <!-- aqui será incluída a escala numérica --> | |
| 53 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 54 | - </td> | |
| 55 | - <td class=fundoRodape style="width: 5%"></td> | |
| 56 | - <td class=fundoRodape style="width: 40%"> | |
| 57 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 58 | - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 59 | - </td> | |
| 60 | - <td class=fundoRodape style="width: 20%"> | |
| 61 | - <!-- botão de compartilhamento em redes sociais--> | |
| 62 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 63 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 64 | - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 65 | - </td> | |
| 66 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 67 | - <td class=fundoRodape style="width: 10%;"> | |
| 68 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
| 69 | - </td> | |
| 70 | - </tr> | |
| 71 | - </table> | |
| 72 | - </td> | |
| 73 | - </tr> | |
| 74 | - </table> | |
| 75 | - <div id="i3GEOlogoMarca"> | |
| 76 | - <table> | |
| 77 | - <tr> | |
| 78 | - <td> | |
| 79 | - <div id=versaoi3geo></div> | |
| 80 | - <h1 class="i3GEOlogoMarca">i3Geo | |
| 81 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 82 | - <h1 class="i3GEOlogoMarca">Baseado | |
| 83 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
| 84 | - Brasileiro</h1> | |
| 85 | - </td> | |
| 86 | - </tr> | |
| 87 | - </table> | |
| 88 | - <img src='../imagens/logo_inicio.png'> | |
| 89 | - </div> | |
| 90 | - | |
| 91 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 92 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 93 | - <div id="iconeGuia_temas"></div> | |
| 94 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 95 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 96 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 97 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 98 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 99 | - </div> | |
| 100 | - <div id="i3GEOguiaMovelMolde" style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 101 | - <div id="i3GEOguiaMovelConteudo" style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 102 | - <div id='guia1obj' style='display: none;'> | |
| 103 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 104 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 105 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 106 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 107 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 108 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 109 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 110 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 111 | - <div id=listaTemas style='top: 15px;'></div> | |
| 112 | - </div> | |
| 113 | - <div id='guia2obj' style='display: none;'> | |
| 114 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 115 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
| 116 | - </div> | |
| 117 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 118 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 119 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
| 120 | - </div> | |
| 121 | - </div> | |
| 122 | - </div> | |
| 123 | - </div> | |
| 124 | - | |
| 125 | - <script> | |
| 126 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 127 | - + window.location.host + "/i3geo"; | |
| 128 | - i3GEO.configura.autotamanho = false; | |
| 129 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 130 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 131 | - i3GEO.Interface.openlayers.TILES = true; | |
| 132 | - | |
| 133 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 134 | - i3GEO.cria(); | |
| 135 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 136 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 137 | - //ajusta o deslocamento da barra de botoes | |
| 138 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
| 139 | - //ajusta a posicao da barra de botoes no IE | |
| 140 | - if(navm){ | |
| 141 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 142 | - } | |
| 143 | - if(chro){ | |
| 144 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 145 | - } | |
| 146 | - | |
| 147 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 148 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 149 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 150 | - | |
| 151 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 152 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 153 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 154 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 155 | - i3GEO.mapa.AUTORESIZE = true; | |
| 156 | - i3GEO.guias.TIPO = "movel"; | |
| 157 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 158 | - i3GEO.janela.ativaAlerta(); | |
| 159 | - i3GEO.finaliza = function() { | |
| 160 | - if ($i("i3GEOlogoMarca")) { | |
| 161 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 162 | - } | |
| 163 | - //i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
| 164 | - }; | |
| 165 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 166 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 167 | - | |
| 168 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 169 | - (function() { | |
| 170 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
| 171 | - "ESRI National Geographic", | |
| 172 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
| 173 | - { | |
| 174 | - format : "jpeg" | |
| 175 | - }, { | |
| 176 | - isBaseLayer : true, | |
| 177 | - visibility : true, | |
| 178 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 179 | - }); | |
| 180 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 181 | - "ESRI Ocean Basemap", | |
| 182 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 183 | - { | |
| 184 | - format : "jpeg" | |
| 185 | - }, { | |
| 186 | - isBaseLayer : true, | |
| 187 | - visibility : false, | |
| 188 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 189 | - }); | |
| 190 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 191 | - "ESRI Imagery World 2D", | |
| 192 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 193 | - { | |
| 194 | - format : "jpeg" | |
| 195 | - }, { | |
| 196 | - isBaseLayer : true, | |
| 197 | - visibility : false, | |
| 198 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 199 | - }); | |
| 200 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 201 | - "ESRI World Street Map", | |
| 202 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 203 | - { | |
| 204 | - format : "jpeg" | |
| 205 | - }, { | |
| 206 | - isBaseLayer : true, | |
| 207 | - visibility : false, | |
| 208 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 209 | - }); | |
| 210 | - var bra = new OpenLayers.Layer.WMS( | |
| 211 | - "Base carto MMA", | |
| 212 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 213 | - { | |
| 214 | - layers : "baseraster", | |
| 215 | - srs : "EPSG:4618", | |
| 216 | - format : "image/png", | |
| 217 | - isBaseLayer : false | |
| 218 | - }, { | |
| 219 | - isBaseLayer : true, | |
| 220 | - visibility : false | |
| 221 | - }); | |
| 222 | - | |
| 223 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
| 224 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
| 225 | - layername : "basic", | |
| 226 | - type : "png", | |
| 227 | - // set if different than the bottom left of map.maxExtent | |
| 228 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
| 229 | - isBaseLayer : true, | |
| 230 | - visibility : false, | |
| 231 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 232 | - }); | |
| 233 | - | |
| 234 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
| 235 | - bra ]; | |
| 236 | - })(); | |
| 237 | - | |
| 238 | - //redefine a funcao onclique do botao localizar da barra de ferramentas | |
| 239 | - i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | |
| 240 | - i3GEO.mapa.dialogo.locregiao(); | |
| 241 | - }; | |
| 242 | - i3GEO.inicia(); | |
| 243 | - //parametros especificos dos cartogramas | |
| 244 | - //ver i3geo/ferramentas/metaestat | |
| 245 | - i3GEOF.metaestat.INTERFACE = "flutuante"; | |
| 246 | - i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
| 247 | - i3GEOF.metaestat.TOP = 50; | |
| 248 | - i3GEOF.metaestat.LEFT = 100; | |
| 249 | - //i3GEOF.metaestat.LARGURA = 270; | |
| 250 | - //i3GEOF.metaestat.ALTURA = 300; | |
| 251 | - // | |
| 252 | - //define a funcao que sera executada ao clicar no mapa | |
| 253 | - //default (balao do tipo etiqueta) | |
| 254 | - i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 255 | - //alternativo (janela de identificacao | |
| 256 | - //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 257 | - // | |
| 258 | - i3GEOF.metaestat.inicia(); | |
| 259 | - // | |
| 260 | - //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 261 | - // | |
| 262 | - i3GEO.janela.ativaAlerta(); | |
| 263 | - </script> | |
| 264 | -</body> | |
| 265 | -</html> | |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html> | |
| 3 | +<head> | |
| 4 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | +<meta name="viewport" | |
| 7 | + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
| 8 | +<title>i3GEO - OpenLayers</title> | |
| 9 | +<script src="../pacotes/ol3/ol.js"></script> | |
| 10 | +<script src="../js/i3geo.js"></script> | |
| 11 | +<script src="../ferramentas/metaestat/index.js"></script> | |
| 12 | +<script src="config.php?tipo=OL"></script> | |
| 13 | +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
| 14 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 15 | +<style> | |
| 16 | +.ol-attribution img { | |
| 17 | + display: none; | |
| 18 | +} | |
| 19 | + | |
| 20 | +.ol-attribution.ol-uncollapsible { | |
| 21 | + height: 2.1em; | |
| 22 | + right: 24px; | |
| 23 | + background: none; | |
| 24 | + margin-bottom: 15px; | |
| 25 | +} | |
| 26 | +</style> | |
| 27 | +</head> | |
| 28 | +<body id="i3geo" style='background: white;'> | |
| 29 | + | |
| 30 | + <!-- inclui o nome do usuario logado --> | |
| 31 | + <div id="i3GEONomeLogin" | |
| 32 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 33 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 34 | + <tr> | |
| 35 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
| 36 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 37 | + </td> | |
| 38 | + </tr> | |
| 39 | + </table> | |
| 40 | + <div id="i3GEOlogoMarca"> | |
| 41 | + <table> | |
| 42 | + <tr> | |
| 43 | + <td> | |
| 44 | + <div id=versaoi3geo></div> | |
| 45 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
| 46 | + interativos e geoprocessamento</h1> | |
| 47 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o | |
| 48 | + Portal do Software Público Brasileiro</h1> | |
| 49 | + </td> | |
| 50 | + </tr> | |
| 51 | + </table> | |
| 52 | + <img src='../imagens/logo_inicio.png'> | |
| 53 | + </div> | |
| 54 | + <div id="contemMenu"> | |
| 55 | + <!--menu suspenso--> | |
| 56 | + <div id="menus"></div> | |
| 57 | + </div> | |
| 58 | + <!-- aqui será incluída a escala numérica --> | |
| 59 | + <div id=escala class=fundoRodape></div> | |
| 60 | + | |
| 61 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 62 | + <div id=localizarxy class="fundoRodape"></div> | |
| 63 | + | |
| 64 | + <!-- mensagem de copyright --> | |
| 65 | + <div id="i3GEOcopyright">i3Geo</div> | |
| 66 | + | |
| 67 | + <div id="i3GEOguiaMovel" | |
| 68 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 69 | + <div | |
| 70 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 71 | + <div id="iconeGuia_temas"></div> | |
| 72 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 73 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 74 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 75 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 76 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 77 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
| 78 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
| 79 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
| 80 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
| 81 | + </div> | |
| 82 | + <div id="i3GEOguiaMovelMolde" | |
| 83 | + style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 84 | + <div id="i3GEOguiaMovelConteudo" | |
| 85 | + style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 86 | + <div id='guia1obj' style='display: none;'> | |
| 87 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 88 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 89 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 90 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 91 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 92 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 93 | + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 94 | + <div id=listaLayersBase style='top: 15px;'></div> | |
| 95 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 96 | + <div id=listaTemas style='top: 15px;'></div> | |
| 97 | + </div> | |
| 98 | + <div id='guia2obj' style='display: none;'> | |
| 99 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 100 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 101 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 102 | + </div> | |
| 103 | + <div id='guia4obj' style='display: none; text-align: left'> | |
| 104 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 105 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 106 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + </div> | |
| 110 | + </div> | |
| 111 | + <script> | |
| 112 | + i3GEO.cria(); | |
| 113 | + i3GEO.inicia(); | |
| 114 | + //parametros especificos dos cartogramas | |
| 115 | + //ver i3geo/ferramentas/metaestat | |
| 116 | + i3GEOF.metaestat.INTERFACE = "flutuante"; | |
| 117 | + i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
| 118 | + i3GEOF.metaestat.TOP = 50; | |
| 119 | + i3GEOF.metaestat.LEFT = 100; | |
| 120 | + //i3GEOF.metaestat.LARGURA = 270; | |
| 121 | + //i3GEOF.metaestat.ALTURA = 300; | |
| 122 | + // | |
| 123 | + //define a funcao que sera executada ao clicar no mapa | |
| 124 | + //default (balao do tipo etiqueta) | |
| 125 | + i3GEO.eventos.MOUSECLIQUEPERM = [ i3GEO.configura.funcaoTip ]; | |
| 126 | + //alternativo (janela de identificacao | |
| 127 | + //i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 128 | + // | |
| 129 | + i3GEOF.metaestat.inicia(); | |
| 130 | + </script> | |
| 131 | +</body> | |
| 132 | +</html> | ... | ... |
interface/black_editor.php
| 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 geoprocessamento sig mobile"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - 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 | - top: 10px; | |
| 19 | - } | |
| 20 | - </style> | |
| 21 | - <script src="../classesjs/i3geo.js"></script> | |
| 22 | - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
| 23 | - <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 24 | -</head> | |
| 25 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 26 | - <!-- inclui o nome do usuario logado --> | |
| 27 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 28 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 29 | - <tr> | |
| 30 | - <td id="contemMenu"> | |
| 31 | - <!--menu suspenso--> | |
| 32 | - <div id="menus" style="height: 0px;"></div> | |
| 33 | - </td> | |
| 34 | - </tr> | |
| 35 | - <tr> | |
| 36 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 37 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 38 | - <tr> | |
| 39 | - <td class=verdeclaro id=contemImg> | |
| 40 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 41 | - </td> | |
| 42 | - </tr> | |
| 43 | - </table> | |
| 44 | - </td> | |
| 45 | - </tr> | |
| 46 | - <tr> | |
| 47 | - <td> | |
| 48 | - <table style="width: 100%; height: 28px"> | |
| 49 | - <tr> | |
| 50 | - <td class=fundoRodape style="width: 25%"> | |
| 51 | - <!-- aqui será incluída a escala numérica --> | |
| 52 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 53 | - </td> | |
| 54 | - <td class=fundoRodape style="width: 5%"></td> | |
| 55 | - <td class=fundoRodape style="width: 40%"> | |
| 56 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 57 | - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 58 | - </td> | |
| 59 | - <td class=fundoRodape style="width: 20%"> | |
| 60 | - <!-- botão de compartilhamento em redes sociais--> | |
| 61 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 62 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 63 | - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 64 | - </td> | |
| 65 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 66 | - <td class=fundoRodape style="width: 10%;"> | |
| 67 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
| 68 | - </td> | |
| 69 | - </tr> | |
| 70 | - </table> | |
| 71 | - </td> | |
| 72 | - </tr> | |
| 73 | - </table> | |
| 74 | - <div id="i3GEOlogoMarca"> | |
| 75 | - <table> | |
| 76 | - <tr> | |
| 77 | - <td> | |
| 78 | - <div id=versaoi3geo></div> | |
| 79 | - <h1 class="i3GEOlogoMarca">i3Geo | |
| 80 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 81 | - <h1 class="i3GEOlogoMarca">Baseado | |
| 82 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
| 83 | - Brasileiro</h1> | |
| 84 | - </td> | |
| 85 | - </tr> | |
| 86 | - </table> | |
| 87 | - <img src='../imagens/logo_inicio.png'> | |
| 88 | - </div> | |
| 89 | - | |
| 90 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 91 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 92 | - <div id="iconeGuia_temas"></div> | |
| 93 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 94 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 95 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 96 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 97 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 98 | - </div> | |
| 99 | - <div id="i3GEOguiaMovelMolde" style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 100 | - <div id="i3GEOguiaMovelConteudo" style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 101 | - <div id='guia1obj' style='display: none;'> | |
| 102 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 103 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 104 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 105 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 106 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 107 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 108 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 109 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 110 | - <div id=listaTemas style='top: 15px;'></div> | |
| 111 | - </div> | |
| 112 | - <div id='guia2obj' style='display: none;'> | |
| 113 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 114 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
| 115 | - </div> | |
| 116 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 117 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 118 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
| 119 | - </div> | |
| 120 | - </div> | |
| 121 | - </div> | |
| 122 | - </div> <script> | |
| 123 | - /** | |
| 124 | - Essa interface e usada no sistema de administracao, na opcao de edicao de mapfiles. | |
| 125 | - Mostra um mapa com uma janela com as principais operacoes de edicao de um tema | |
| 126 | - **/ | |
| 127 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 128 | - + window.location.host + "/i3geo"; | |
| 129 | - i3GEO.configura.autotamanho = false; | |
| 130 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 131 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 132 | - i3GEO.Interface.openlayers.TILES = true; | |
| 133 | - | |
| 134 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 135 | - | |
| 136 | - // | |
| 137 | - i3GEO.mapa.TEMASINICIAIS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
| 138 | - i3GEO.mapa.TEMASINICIAISLIGADOS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
| 139 | - | |
| 140 | - i3GEO.cria(); | |
| 141 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 142 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 143 | - //ajusta o deslocamento da barra de botoes | |
| 144 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
| 145 | - //ajusta a posicao da barra de botoes no IE | |
| 146 | - if(navm){ | |
| 147 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 148 | - } | |
| 149 | - if(chro){ | |
| 150 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 151 | - } | |
| 152 | - | |
| 153 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 154 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 155 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 156 | - | |
| 157 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 158 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 159 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 160 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 161 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
| 162 | - i3GEO.mapa.AUTORESIZE = true; | |
| 163 | - i3GEO.guias.TIPO = "movel"; | |
| 164 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 165 | - i3GEO.janela.ativaAlerta(); | |
| 166 | - | |
| 167 | - i3GEO.finaliza = function() { | |
| 168 | - if ($i("i3GEOlogoMarca")) { | |
| 169 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 170 | - } | |
| 171 | - i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>"); | |
| 172 | - i3GEO.mapa.dialogo.atalhosedicao(); | |
| 173 | - }; | |
| 174 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 175 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 176 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 177 | - | |
| 178 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 179 | - (function() { | |
| 180 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
| 181 | - "ESRI National Geographic", | |
| 182 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
| 183 | - { | |
| 184 | - format : "jpeg" | |
| 185 | - }, { | |
| 186 | - isBaseLayer : true, | |
| 187 | - visibility : true, | |
| 188 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 189 | - }); | |
| 190 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 191 | - "ESRI Ocean Basemap", | |
| 192 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 193 | - { | |
| 194 | - format : "jpeg" | |
| 195 | - }, { | |
| 196 | - isBaseLayer : true, | |
| 197 | - visibility : false, | |
| 198 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 199 | - }); | |
| 200 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 201 | - "ESRI Imagery World 2D", | |
| 202 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 203 | - { | |
| 204 | - format : "jpeg" | |
| 205 | - }, { | |
| 206 | - isBaseLayer : true, | |
| 207 | - visibility : false, | |
| 208 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 209 | - }); | |
| 210 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 211 | - "ESRI World Street Map", | |
| 212 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 213 | - { | |
| 214 | - format : "jpeg" | |
| 215 | - }, { | |
| 216 | - isBaseLayer : true, | |
| 217 | - visibility : false, | |
| 218 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 219 | - }); | |
| 220 | - var bra = new OpenLayers.Layer.WMS( | |
| 221 | - "Base carto MMA", | |
| 222 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 223 | - { | |
| 224 | - layers : "baseraster", | |
| 225 | - srs : "EPSG:4618", | |
| 226 | - format : "image/png", | |
| 227 | - isBaseLayer : false | |
| 228 | - }, { | |
| 229 | - isBaseLayer : true, | |
| 230 | - visibility : false | |
| 231 | - }); | |
| 232 | - | |
| 233 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
| 234 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
| 235 | - layername : "basic", | |
| 236 | - type : "png", | |
| 237 | - // set if different than the bottom left of map.maxExtent | |
| 238 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
| 239 | - isBaseLayer : true, | |
| 240 | - visibility : false, | |
| 241 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 242 | - }); | |
| 243 | - | |
| 244 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
| 245 | - bra ]; | |
| 246 | - })(); | |
| 247 | - | |
| 248 | - i3GEO.inicia(); | |
| 249 | - </script> | |
| 250 | -</body> | |
| 251 | -</html> | |
| 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 geoprocessamento sig mobile"> | |
| 5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | +<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | +<title>i3GEO - 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 | + top: 10px; | |
| 19 | + } | |
| 20 | + </style> | |
| 21 | + <script src="../classesjs/i3geo6.js"></script> | |
| 22 | + <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
| 23 | + <link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 24 | +</head> | |
| 25 | +<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 26 | + <!-- inclui o nome do usuario logado --> | |
| 27 | + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 28 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 29 | + <tr> | |
| 30 | + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | |
| 31 | + <!--menu suspenso--> | |
| 32 | + <div id="menus" style="height: 0px;"></div> | |
| 33 | + </td> | |
| 34 | + </tr> | |
| 35 | + <tr> | |
| 36 | + <td style="vertical-align: top; border-width: 0px;"> | |
| 37 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 38 | + <tr> | |
| 39 | + <td class=verdeclaro id=contemImg> | |
| 40 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 41 | + </td> | |
| 42 | + </tr> | |
| 43 | + </table> | |
| 44 | + </td> | |
| 45 | + </tr> | |
| 46 | + <tr> | |
| 47 | + <td> | |
| 48 | + <table style="width: 100%; height: 28px"> | |
| 49 | + <tr> | |
| 50 | + <td class=fundoRodape style="width: 25%"> | |
| 51 | + </td> | |
| 52 | + <td class=fundoRodape style="width: 5%"></td> | |
| 53 | + <td class=fundoRodape style="width: 40%"> | |
| 54 | + </td> | |
| 55 | + <td class=fundoRodape style="width: 20%"> | |
| 56 | + </td> | |
| 57 | + <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 58 | + <td class=fundoRodape style="width: 10%;"> | |
| 59 | + <div id=seletorIdiomas style="right: 15px;"></div> | |
| 60 | + </td> | |
| 61 | + </tr> | |
| 62 | + </table> | |
| 63 | + </td> | |
| 64 | + </tr> | |
| 65 | + </table> | |
| 66 | + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | |
| 67 | + <tr> | |
| 68 | + <td style="height: 30px"><div id=versaoi3geo></div> | |
| 69 | + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2> | |
| 70 | + <h3 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Pú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 | + <tr> | |
| 76 | + <td> | |
| 77 | + <!-- | |
| 78 | + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script> | |
| 79 | + --> | |
| 80 | + </td> | |
| 81 | + </tr> | |
| 82 | + </table> | |
| 83 | + | |
| 84 | +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none"> | |
| 85 | + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;"> | |
| 86 | + <div id="iconeGuia_temas" ></div> | |
| 87 | + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div> | |
| 88 | + <div id="iconeGuia_legenda" style="margin-top:3px;"></div> | |
| 89 | + </div> | |
| 90 | + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray"> | |
| 91 | + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'> | |
| 92 | + <div id='guia1obj' style='display:none;' > | |
| 93 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 94 | + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div> | |
| 95 | + <div id=listaTemas style='top:15px;'></div> | |
| 96 | + </div> | |
| 97 | + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> | |
| 98 | + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> | |
| 99 | + <!-- | |
| 100 | + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div> | |
| 101 | + --> | |
| 102 | + </div> | |
| 103 | + </div> | |
| 104 | +</div> | |
| 105 | + <script> | |
| 106 | + /** | |
| 107 | + Essa interface e usada no sistema de administracao, na opcao de edicao de mapfiles. | |
| 108 | + Mostra um mapa com uma janela com as principais operacoes de edicao de um tema | |
| 109 | + **/ | |
| 110 | + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 111 | + + window.location.host + "/i3geo"; | |
| 112 | + i3GEO.configura.autotamanho = false; | |
| 113 | + i3GEO.Interface.ATUAL = "openlayers"; | |
| 114 | + i3GEO.Interface.IDCORPO = "contemImg"; | |
| 115 | + i3GEO.Interface.openlayers.TILES = true; | |
| 116 | + | |
| 117 | + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 118 | + | |
| 119 | + // | |
| 120 | + i3GEO.mapa.TEMASINICIAIS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
| 121 | + i3GEO.mapa.TEMASINICIAISLIGADOS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>"; | |
| 122 | + | |
| 123 | + i3GEO.cria(); | |
| 124 | + i3GEO.configura.mapaRefDisplay = "none"; | |
| 125 | + i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 126 | + //ajusta o deslocamento da barra de botoes | |
| 127 | + i3GEO.barraDeBotoes.OFFSET = 11; | |
| 128 | + //ajusta a posicao da barra de botoes no IE | |
| 129 | + if(navm){ | |
| 130 | + i3GEO.barraDeBotoes.OFFSET = 5; | |
| 131 | + } | |
| 132 | + if(chro){ | |
| 133 | + i3GEO.barraDeBotoes.OFFSET = 15; | |
| 134 | + } | |
| 135 | + | |
| 136 | + i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 137 | + i3GEO.ajuda.ATIVAJANELA = false; | |
| 138 | + i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 139 | + | |
| 140 | + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 141 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 142 | + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 143 | + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 144 | + i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
| 145 | + i3GEO.mapa.AUTORESIZE = true; | |
| 146 | + i3GEO.guias.TIPO = "movel"; | |
| 147 | + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 148 | + i3GEO.janela.ativaAlerta(); | |
| 149 | + | |
| 150 | + i3GEO.finaliza = function() { | |
| 151 | + if ($i("i3GEOlogoMarca")) { | |
| 152 | + $i("i3GEOlogoMarca").style.display = "none"; | |
| 153 | + } | |
| 154 | + i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>"); | |
| 155 | + i3GEO.mapa.dialogo.atalhosedicao(); | |
| 156 | + }; | |
| 157 | + //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 158 | + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 159 | + i3GEO.janela.TRANSICAOSUAVE = true; | |
| 160 | + | |
| 161 | + OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 162 | + (function() { | |
| 163 | + var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
| 164 | + "ESRI National Geographic", | |
| 165 | + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
| 166 | + { | |
| 167 | + format : "jpeg" | |
| 168 | + }, { | |
| 169 | + isBaseLayer : true, | |
| 170 | + visibility : true, | |
| 171 | + attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 172 | + }); | |
| 173 | + var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 174 | + "ESRI Ocean Basemap", | |
| 175 | + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 176 | + { | |
| 177 | + format : "jpeg" | |
| 178 | + }, { | |
| 179 | + isBaseLayer : true, | |
| 180 | + visibility : false, | |
| 181 | + attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 182 | + }); | |
| 183 | + var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 184 | + "ESRI Imagery World 2D", | |
| 185 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 186 | + { | |
| 187 | + format : "jpeg" | |
| 188 | + }, { | |
| 189 | + isBaseLayer : true, | |
| 190 | + visibility : false, | |
| 191 | + attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 192 | + }); | |
| 193 | + var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 194 | + "ESRI World Street Map", | |
| 195 | + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 196 | + { | |
| 197 | + format : "jpeg" | |
| 198 | + }, { | |
| 199 | + isBaseLayer : true, | |
| 200 | + visibility : false, | |
| 201 | + attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 202 | + }); | |
| 203 | + var bra = new OpenLayers.Layer.WMS( | |
| 204 | + "Base carto MMA", | |
| 205 | + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 206 | + { | |
| 207 | + layers : "baseraster", | |
| 208 | + srs : "EPSG:4618", | |
| 209 | + format : "image/png", | |
| 210 | + isBaseLayer : false | |
| 211 | + }, { | |
| 212 | + isBaseLayer : true, | |
| 213 | + visibility : false | |
| 214 | + }); | |
| 215 | + | |
| 216 | + var tms = new OpenLayers.Layer.TMS("OSGEO", | |
| 217 | + "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
| 218 | + layername : "basic", | |
| 219 | + type : "png", | |
| 220 | + // set if different than the bottom left of map.maxExtent | |
| 221 | + tileOrigin : new OpenLayers.LonLat(-180, -90), | |
| 222 | + isBaseLayer : true, | |
| 223 | + visibility : false, | |
| 224 | + attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 225 | + }); | |
| 226 | + | |
| 227 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
| 228 | + bra ]; | |
| 229 | + })(); | |
| 230 | + | |
| 231 | + | |
| 232 | + i3GEO.inicia(); | |
| 233 | + </script> | |
| 234 | +</body> | |
| 235 | +</html> | ... | ... |
interface/black_gm.phtml
| 1 | -<?php | |
| 2 | -include_once ("../ms_configura.php"); | |
| 3 | -?> | |
| 4 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| 5 | -<html> | |
| 6 | -<head> | |
| 7 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 8 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 9 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 10 | -<title>i3GEO - Google Maps</title> | |
| 11 | -<script type="text/javascript" | |
| 12 | - src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script> | |
| 13 | -<script type="text/javascript" src="../classesjs/i3geo6.js"></script> | |
| 14 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 15 | -</head> | |
| 16 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 17 | - <!-- inclui o nome do usuario logado --> | |
| 18 | - <div id="i3GEONomeLogin" | |
| 19 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 20 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 21 | - <tr> | |
| 22 | - <td id="contemMenu"> | |
| 23 | - <!--menu suspenso--> | |
| 24 | - <div id="menus"></div> | |
| 25 | - </td> | |
| 26 | - </tr> | |
| 27 | - <tr> | |
| 28 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 29 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 30 | - <tr> | |
| 31 | - <td class=verdeclaro id=contemImg> | |
| 32 | - <div id=googlemapsdiv | |
| 33 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 34 | - </td> | |
| 35 | - </tr> | |
| 36 | - </table> | |
| 37 | - </td> | |
| 38 | - </tr> | |
| 39 | - <tr> | |
| 40 | - <td> | |
| 41 | - <table style="width: 100%; height: 28px"> | |
| 42 | - <tr> | |
| 43 | - <td class=fundoRodape style="width: 25%"> | |
| 44 | - <!-- aqui será incluída a escala numérica --> | |
| 45 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 46 | - </td> | |
| 47 | - <td class=fundoRodape style="width: 5%"></td> | |
| 48 | - <td class=fundoRodape style="width: 40%"> | |
| 49 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 50 | - <div id=localizarxy | |
| 51 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 52 | - </td> | |
| 53 | - <td class=fundoRodape style="width: 20%"> | |
| 54 | - <!-- botão de compartilhamento em redes sociais--> <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 55 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 56 | - <div id=tempoRedesenho | |
| 57 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 58 | - </td> | |
| 59 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 60 | - <td class=fundoRodape style="width: 10%;"> | |
| 61 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
| 62 | - </td> | |
| 63 | - </tr> | |
| 64 | - </table> | |
| 65 | - </td> | |
| 66 | - </tr> | |
| 67 | - </table> | |
| 68 | - <div id="i3GEOlogoMarca"> | |
| 69 | - <table> | |
| 70 | - <tr> | |
| 71 | - <td> | |
| 72 | - <div id=versaoi3geo></div> | |
| 73 | - <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
| 74 | - interativos e geoprocessamento</h1> | |
| 75 | - <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal | |
| 76 | - do Software Público Brasileiro</h1> | |
| 77 | - </td> | |
| 78 | - </tr> | |
| 79 | - </table> | |
| 80 | - <img src='../imagens/logo_inicio.png'> | |
| 81 | - </div> | |
| 82 | - | |
| 83 | - <div id="i3GEOguiaMovel" | |
| 84 | - style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 85 | - <div | |
| 86 | - style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 87 | - <div id="iconeGuia_temas"></div> | |
| 88 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 89 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 90 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 91 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 92 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 93 | - </div> | |
| 94 | - <div id="i3GEOguiaMovelMolde" | |
| 95 | - style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 96 | - <div id="i3GEOguiaMovelConteudo" | |
| 97 | - style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 98 | - <div id='guia1obj' style='display: none;'> | |
| 99 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 100 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 101 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 102 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 103 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 104 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 105 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 106 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 107 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 108 | - <div id=listaTemas style='top: 15px;'></div> | |
| 109 | - </div> | |
| 110 | - <div id='guia2obj' style='display: none;'> | |
| 111 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 112 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 113 | - <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 114 | - </div> | |
| 115 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 116 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 117 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 118 | - <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 119 | - </div> | |
| 120 | - </div> | |
| 121 | - </div> | |
| 122 | - </div> | |
| 123 | - | |
| 124 | - | |
| 125 | - | |
| 126 | - | |
| 127 | - <script type="text/javascript"> | |
| 128 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 129 | -i3GEO.Interface.ATUAL = "googlemaps"; | |
| 130 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 131 | -i3GEO.configura.diminuixN = 0; | |
| 132 | - | |
| 133 | -i3GEO.configura.autotamanho = false; | |
| 134 | -i3GEO.Interface.openlayers.TILES = true; | |
| 135 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 136 | -i3GEO.cria(); | |
| 137 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 138 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 139 | -//ajusta o deslocamento da barra de botoes | |
| 140 | -i3GEO.barraDeBotoes.OFFSET = 11; | |
| 141 | -//ajusta a posicao da barra de botoes no IE | |
| 142 | -if(navm){ | |
| 143 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 144 | -} | |
| 145 | -if(chro){ | |
| 146 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 147 | -} | |
| 148 | - | |
| 149 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 150 | -i3GEO.ajuda.ATIVAJANELA = false; | |
| 151 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 152 | - | |
| 153 | -//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 154 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 155 | -i3GEO.mapa.AUTORESIZE = true; | |
| 156 | -i3GEO.guias.TIPO = "movel"; | |
| 157 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 158 | -i3GEO.janela.ativaAlerta(); | |
| 159 | - | |
| 160 | -//i3GEO.Interface.googlemaps.TIPOMAPA = "satellite"; | |
| 161 | - | |
| 162 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 163 | -i3GEO.janela.TRANSICAOSUAVE = true; | |
| 164 | - | |
| 165 | -i3GEO.finaliza = function(){ | |
| 166 | - if($i("i3GEOlogoMarca")){ | |
| 167 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 168 | - } | |
| 169 | - //i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); | |
| 170 | -}; | |
| 171 | -i3GEO.finalizaAPI = function(){ | |
| 172 | -}; | |
| 173 | -i3GEO.inicia(); | |
| 174 | -</script> | |
| 175 | -</body> | |
| 176 | -</html> | |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html> | |
| 3 | +<head> | |
| 4 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 5 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
| 7 | +<title>i3GEO - Google Maps</title> | |
| 8 | +<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script> | |
| 9 | +<script src="../js/i3geo.js"></script> | |
| 10 | +<script src="config.php?tipo=GM"></script> | |
| 11 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 12 | + | |
| 13 | +</head> | |
| 14 | +<body id="i3geo" style='background: white; overflow: hidden;'> | |
| 15 | + | |
| 16 | + <!-- inclui o nome do usuario logado --> | |
| 17 | + <div id="i3GEONomeLogin" | |
| 18 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 19 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 20 | + <tr> | |
| 21 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
| 22 | + <div id=googlemapsdiv style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 23 | + </td> | |
| 24 | + </tr> | |
| 25 | + </table> | |
| 26 | + <div id="i3GEOlogoMarca"> | |
| 27 | + <table> | |
| 28 | + <tr> | |
| 29 | + <td> | |
| 30 | + <div id=versaoi3geo></div> | |
| 31 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 32 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
| 33 | + </td> | |
| 34 | + </tr> | |
| 35 | + </table> | |
| 36 | + <img src='../imagens/logo_inicio.png'> | |
| 37 | + </div> | |
| 38 | + <div id="contemMenu"> | |
| 39 | + <!--menu suspenso--> | |
| 40 | + <div id="menus"></div> | |
| 41 | + </div> | |
| 42 | + <!-- aqui será incluída a escala numérica --> | |
| 43 | + <div id=escala class=fundoRodape style="margin-left:100px;"></div> | |
| 44 | + | |
| 45 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 46 | + <div id=localizarxy class="fundoRodape" style="margin-left:100px;"></div> | |
| 47 | + | |
| 48 | + <!-- mensagem de copyright --> | |
| 49 | + <div id="i3GEOcopyright" >i3Geo</div> | |
| 50 | + | |
| 51 | + <div id="i3GEOguiaMovel" | |
| 52 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 53 | + <div | |
| 54 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 55 | + <div id="iconeGuia_temas"></div> | |
| 56 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 57 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 58 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 59 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 60 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 61 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
| 62 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
| 63 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
| 64 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
| 65 | + </div> | |
| 66 | + <div id="i3GEOguiaMovelMolde" | |
| 67 | + style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 68 | + <div id="i3GEOguiaMovelConteudo" | |
| 69 | + style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 70 | + <div id='guia1obj' style='display: none;'> | |
| 71 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 72 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 73 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 74 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 75 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 76 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 77 | + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 78 | + <div id=listaLayersBase style='top: 15px;'></div> | |
| 79 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 80 | + <div id=listaTemas style='top: 15px;'></div> | |
| 81 | + </div> | |
| 82 | + <div id='guia2obj' style='display: none;'> | |
| 83 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 84 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 85 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 86 | + </div> | |
| 87 | + <div id='guia4obj' style='display: none; text-align: left'> | |
| 88 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 89 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 90 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 91 | + </div> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <script> | |
| 96 | + i3GEO.cria(); | |
| 97 | + i3GEO.inicia(); | |
| 98 | + </script> | |
| 99 | +</body> | |
| 100 | +</html> | ... | ... |
interface/black_ol.htm
| 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 geoprocessamento sig mobile"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - OpenLayers 3</title> | |
| 8 | -<script src="../pacotes/ol3/ol.js"></script> | |
| 9 | -<script src="../js/i3geo.js"></script> | |
| 10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 11 | -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
| 12 | -<style> | |
| 13 | -.ol-attribution img { | |
| 14 | - display: none; | |
| 15 | -} | |
| 16 | - | |
| 17 | -.ol-attribution.ol-uncollapsible { | |
| 18 | - height: 2.1em; | |
| 19 | - right: 24px; | |
| 20 | - background: none; | |
| 21 | - margin-bottom: 15px; | |
| 22 | -} | |
| 23 | -</style> | |
| 24 | -</head> | |
| 25 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 26 | - <!-- inclui o nome do usuario logado --> | |
| 27 | - <div id="i3GEONomeLogin" | |
| 28 | - style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 29 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 30 | - <tr> | |
| 31 | - <td id="contemMenu"> | |
| 32 | - <!--menu suspenso--> | |
| 33 | - <div id="menus"></div> | |
| 34 | - </td> | |
| 35 | - </tr> | |
| 36 | - <tr> | |
| 37 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 38 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 39 | - <tr> | |
| 40 | - <td class=verdeclaro id=contemImg> | |
| 41 | - <div id=corpoMapa | |
| 42 | - style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 43 | - </td> | |
| 44 | - </tr> | |
| 45 | - </table> | |
| 46 | - </td> | |
| 47 | - </tr> | |
| 48 | - <tr> | |
| 49 | - <td> | |
| 50 | - <table style="width: 100%; height: 28px"> | |
| 51 | - <tr> | |
| 52 | - <td class=fundoRodape style="width: 25%"> | |
| 53 | - <!-- aqui será incluída a escala numérica --> | |
| 54 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 55 | - </td> | |
| 56 | - <td class=fundoRodape style="width: 5%"></td> | |
| 57 | - <td class=fundoRodape style="width: 40%"> | |
| 58 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 59 | - <div id=localizarxy | |
| 60 | - style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 61 | - </td> | |
| 62 | - <td class=fundoRodape style="width: 20%"> | |
| 63 | - <!-- botão de compartilhamento em redes sociais--> <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 64 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 65 | - <div id=tempoRedesenho | |
| 66 | - style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 67 | - </td> | |
| 68 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 69 | - <td class=fundoRodape style="width: 10%;"> | |
| 70 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
| 71 | - </td> | |
| 72 | - </tr> | |
| 73 | - </table> | |
| 74 | - </td> | |
| 75 | - </tr> | |
| 76 | - </table> | |
| 77 | - <div id="i3GEOlogoMarca"> | |
| 78 | - <table> | |
| 79 | - <tr> | |
| 80 | - <td> | |
| 81 | - <div id=versaoi3geo></div> | |
| 82 | - <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas | |
| 83 | - interativos e geoprocessamento</h1> | |
| 84 | - <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o | |
| 85 | - Portal do Software Público Brasileiro</h1> | |
| 86 | - </td> | |
| 87 | - </tr> | |
| 88 | - </table> | |
| 89 | - <img src='../imagens/logo_inicio.png'> | |
| 90 | - </div> | |
| 91 | - | |
| 92 | - <div id="i3GEOguiaMovel" | |
| 93 | - style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 94 | - <div | |
| 95 | - style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 96 | - <div id="iconeGuia_temas"></div> | |
| 97 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 98 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 99 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 100 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 101 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 102 | - </div> | |
| 103 | - <div id="i3GEOguiaMovelMolde" | |
| 104 | - style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 105 | - <div id="i3GEOguiaMovelConteudo" | |
| 106 | - style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 107 | - <div id='guia1obj' style='display: none;'> | |
| 108 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 109 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 110 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 111 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 112 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 113 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 114 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 115 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 116 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 117 | - <div id=listaTemas style='top: 15px;'></div> | |
| 118 | - </div> | |
| 119 | - <div id='guia2obj' style='display: none;'> | |
| 120 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 121 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 122 | - <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 123 | - </div> | |
| 124 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 125 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 126 | - style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 127 | - <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 128 | - </div> | |
| 129 | - </div> | |
| 130 | - </div> | |
| 131 | - </div> | |
| 132 | - <script> | |
| 133 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 134 | - + window.location.host + "/i3geo"; | |
| 135 | - | |
| 136 | - i3GEO.idioma.MOSTRASELETOR = true; | |
| 137 | - | |
| 138 | - i3GEO.configura.autotamanho = false; | |
| 139 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 140 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 141 | - i3GEO.Interface.openlayers.TILES = true; | |
| 142 | - //aplica ou nao a ultima extensao definida pelo usuario ao iniciar o mapa | |
| 143 | - i3GEO.configura.guardaExtensao = true; | |
| 144 | - | |
| 145 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 146 | - i3GEO.cria(); | |
| 147 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 148 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 149 | - //ajusta o deslocamento da barra de botoes | |
| 150 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
| 151 | - //ajusta a posicao da barra de botoes no IE | |
| 152 | - if (navm) { | |
| 153 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 154 | - } | |
| 155 | - if (chro) { | |
| 156 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 157 | - } | |
| 158 | - | |
| 159 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 160 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 161 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 162 | - | |
| 163 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 164 | - i3GEO.mapa.AUTORESIZE = true; | |
| 165 | - i3GEO.guias.TIPO = "movel"; | |
| 166 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 167 | - i3GEO.janela.ativaAlerta(); | |
| 168 | - i3GEO.finaliza = function() { | |
| 169 | - if ($i("i3GEOlogoMarca")) { | |
| 170 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 171 | - } | |
| 172 | - //muda o valor default do botao 'enquadramento inicial' | |
| 173 | - i3GEO.parametros.extentTotal = "-180 -90 180 90"; | |
| 174 | - }; | |
| 175 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 176 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 177 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 178 | - //desliga a camada com o mapa mundi | |
| 179 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
| 180 | - //se vc nao quer o fundo, mude visibility true para false | |
| 181 | - (function() { | |
| 182 | - var eng = new ol.layer.Tile( | |
| 183 | - { | |
| 184 | - title : "ESRI National Geographic", | |
| 185 | - visible : true, | |
| 186 | - isBaseLayer : true, | |
| 187 | - name : "eng", | |
| 188 | - source : new ol.source.TileArcGISRest( | |
| 189 | - { | |
| 190 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
| 191 | - attributions : [ new ol.Attribution( | |
| 192 | - { | |
| 193 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 194 | - }) ] | |
| 195 | - }) | |
| 196 | - }); | |
| 197 | - var oce = new ol.layer.Tile( | |
| 198 | - { | |
| 199 | - title : "ESRI Ocean Basemap", | |
| 200 | - visible : false, | |
| 201 | - isBaseLayer : true, | |
| 202 | - name : "oce", | |
| 203 | - source : new ol.source.TileArcGISRest( | |
| 204 | - { | |
| 205 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
| 206 | - attributions : [ new ol.Attribution( | |
| 207 | - { | |
| 208 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 209 | - }) ] | |
| 210 | - }) | |
| 211 | - }); | |
| 212 | - var ims = new ol.layer.Tile( | |
| 213 | - { | |
| 214 | - title : "ESRI Imagery World 2D", | |
| 215 | - visible : false, | |
| 216 | - isBaseLayer : true, | |
| 217 | - name : "ims", | |
| 218 | - source : new ol.source.TileArcGISRest( | |
| 219 | - { | |
| 220 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
| 221 | - attributions : [ new ol.Attribution( | |
| 222 | - { | |
| 223 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 224 | - }) ] | |
| 225 | - }) | |
| 226 | - }); | |
| 227 | - var wsm = new ol.layer.Tile( | |
| 228 | - { | |
| 229 | - title : "ESRI World Street Map", | |
| 230 | - visible : false, | |
| 231 | - isBaseLayer : true, | |
| 232 | - name : "wsm", | |
| 233 | - source : new ol.source.TileArcGISRest( | |
| 234 | - { | |
| 235 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
| 236 | - attributions : [ new ol.Attribution( | |
| 237 | - { | |
| 238 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 239 | - }) ] | |
| 240 | - }) | |
| 241 | - }); | |
| 242 | - var bra = new ol.layer.Tile( | |
| 243 | - { | |
| 244 | - title : "Base carto MMA", | |
| 245 | - visible : false, | |
| 246 | - isBaseLayer : true, | |
| 247 | - name : "bra", | |
| 248 | - source : new ol.source.TileWMS( | |
| 249 | - { | |
| 250 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
| 251 | - params : { | |
| 252 | - 'layers' : "baseraster", | |
| 253 | - 'srs' : "EPSG:4326", | |
| 254 | - 'format' : "image/png" | |
| 255 | - } | |
| 256 | - }) | |
| 257 | - }); | |
| 258 | - var tms = new ol.layer.Tile( | |
| 259 | - { | |
| 260 | - title : "OSGEO", | |
| 261 | - visible : false, | |
| 262 | - isBaseLayer : true, | |
| 263 | - name : "tms", | |
| 264 | - source : new ol.source.TileWMS( | |
| 265 | - { | |
| 266 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
| 267 | - params : { | |
| 268 | - 'layers' : "basic", | |
| 269 | - 'type' : "png", | |
| 270 | - 'srs' : "EPSG:4326", | |
| 271 | - 'format' : "image/png", | |
| 272 | - 'VERSION' : '1.1.1' | |
| 273 | - }, | |
| 274 | - attributions : [ new ol.Attribution( | |
| 275 | - { | |
| 276 | - html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 277 | - }) ] | |
| 278 | - }) | |
| 279 | - }); | |
| 280 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
| 281 | - bra, tms ]; | |
| 282 | - })(); | |
| 283 | - i3GEO.inicia(); | |
| 284 | - </script> | |
| 285 | -</body> | |
| 286 | -</html> | |
| 287 | 1 | \ No newline at end of file |
| 2 | +<!DOCTYPE html> | |
| 3 | +<html> | |
| 4 | +<head> | |
| 5 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | |
| 6 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
| 8 | +<title>i3GEO - OpenLayers</title> | |
| 9 | +<script src="../pacotes/ol3/ol.js"></script> | |
| 10 | +<script src="../js/i3geo.js"></script> | |
| 11 | +<script src="config.php?tipo=OL"></script> | |
| 12 | +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
| 13 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 14 | +<style> | |
| 15 | +.ol-attribution img { | |
| 16 | + display: none; | |
| 17 | +} | |
| 18 | +.ol-attribution.ol-uncollapsible { | |
| 19 | + height: 2.1em; | |
| 20 | + right: 24px; | |
| 21 | + background: none; | |
| 22 | + margin-bottom: 15px; | |
| 23 | +} | |
| 24 | +</style> | |
| 25 | +</head> | |
| 26 | +<body id="i3geo" style='background: white;'> | |
| 27 | + | |
| 28 | + <!-- inclui o nome do usuario logado --> | |
| 29 | + <div id="i3GEONomeLogin" | |
| 30 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 31 | + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | |
| 32 | + <tr> | |
| 33 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
| 34 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 35 | + </td> | |
| 36 | + </tr> | |
| 37 | + </table> | |
| 38 | + <div id="i3GEOlogoMarca"> | |
| 39 | + <table> | |
| 40 | + <tr> | |
| 41 | + <td> | |
| 42 | + <div id=versaoi3geo></div> | |
| 43 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 44 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
| 45 | + </td> | |
| 46 | + </tr> | |
| 47 | + </table> | |
| 48 | + <img src='../imagens/logo_inicio.png'> | |
| 49 | + </div> | |
| 50 | + <div id="contemMenu"> | |
| 51 | + <!--menu suspenso--> | |
| 52 | + <div id="menus"></div> | |
| 53 | + </div> | |
| 54 | + <!-- aqui será incluída a escala numérica --> | |
| 55 | + <div id=escala class=fundoRodape ></div> | |
| 56 | + | |
| 57 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 58 | + <div id=localizarxy class="fundoRodape" ></div> | |
| 59 | + | |
| 60 | + <!-- mensagem de copyright --> | |
| 61 | + <div id="i3GEOcopyright" >i3Geo</div> | |
| 62 | + | |
| 63 | + <div id="i3GEOguiaMovel" | |
| 64 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 65 | + <div | |
| 66 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 67 | + <div id="iconeGuia_temas"></div> | |
| 68 | + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 69 | + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 70 | + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 71 | + <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 72 | + <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 73 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
| 74 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
| 75 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
| 76 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
| 77 | + </div> | |
| 78 | + <div id="i3GEOguiaMovelMolde" | |
| 79 | + style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 80 | + <div id="i3GEOguiaMovelConteudo" | |
| 81 | + style='top: 10px; 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 onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 84 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 85 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 86 | + <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 87 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 88 | + <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 89 | + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 90 | + <div id=listaLayersBase style='top: 15px;'></div> | |
| 91 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 92 | + <div id=listaTemas style='top: 15px;'></div> | |
| 93 | + </div> | |
| 94 | + <div id='guia2obj' style='display: none;'> | |
| 95 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 96 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 97 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 98 | + </div> | |
| 99 | + <div id='guia4obj' style='display: none; text-align: left'> | |
| 100 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 101 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 102 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <script> | |
| 108 | + i3GEO.cria(); | |
| 109 | + i3GEO.inicia(); | |
| 110 | + </script> | |
| 111 | +</body> | |
| 112 | +</html> | ... | ... |
interface/black_osm.htm
| 1 | -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | |
| 1 | +<!DOCTYPE html> | |
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | 4 | <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> |
| 5 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - OpenLayers+OSM</title> | |
| 6 | +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> | |
| 7 | +<title>i3GEO - OpenLayers</title> | |
| 8 | 8 | <script src="../pacotes/ol3/ol.js"></script> |
| 9 | 9 | <script src="../js/i3geo.js"></script> |
| 10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 10 | +<script src="config.php?tipo=OSM"></script> | |
| 11 | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
| 12 | +<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 12 | 13 | <style> |
| 13 | 14 | .ol-attribution img { |
| 14 | 15 | display: none; |
| ... | ... | @@ -21,52 +22,15 @@ |
| 21 | 22 | } |
| 22 | 23 | </style> |
| 23 | 24 | </head> |
| 24 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 25 | +<body id="i3geo" style='background: white;'> | |
| 26 | + | |
| 25 | 27 | <!-- inclui o nome do usuario logado --> |
| 26 | - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 28 | + <div id="i3GEONomeLogin" | |
| 29 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | |
| 27 | 30 | <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> |
| 28 | 31 | <tr> |
| 29 | - <td id="contemMenu"> | |
| 30 | - <!--menu suspenso--> | |
| 31 | - <div id="menus"></div> | |
| 32 | - </td> | |
| 33 | - </tr> | |
| 34 | - <tr> | |
| 35 | - <td style="vertical-align: top; border-width: 0px;"> | |
| 36 | - <table width="100%" style="vertical-align: top; border-width: 0px"> | |
| 37 | - <tr> | |
| 38 | - <td class=verdeclaro id=contemImg> | |
| 39 | - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 40 | - </td> | |
| 41 | - </tr> | |
| 42 | - </table> | |
| 43 | - </td> | |
| 44 | - </tr> | |
| 45 | - <tr> | |
| 46 | - <td> | |
| 47 | - <table style="width: 100%; height: 28px"> | |
| 48 | - <tr> | |
| 49 | - <td class=fundoRodape style="width: 25%"> | |
| 50 | - <!-- aqui será incluída a escala numérica --> | |
| 51 | - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div> | |
| 52 | - </td> | |
| 53 | - <td class=fundoRodape style="width: 5%"></td> | |
| 54 | - <td class=fundoRodape style="width: 40%"> | |
| 55 | - <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 56 | - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | |
| 57 | - </td> | |
| 58 | - <td class=fundoRodape style="width: 20%"> | |
| 59 | - <!-- botão de compartilhamento em redes sociais--> | |
| 60 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 61 | - <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | |
| 62 | - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> | |
| 63 | - </td> | |
| 64 | - <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | |
| 65 | - <td class=fundoRodape style="width: 10%;"> | |
| 66 | - <div id=seletorIdiomas style="right: 15px;"></div> | |
| 67 | - </td> | |
| 68 | - </tr> | |
| 69 | - </table> | |
| 32 | + <td class=verdeclaro id=contemImg style="vertical-align: top; border-width: 0px;"> | |
| 33 | + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | |
| 70 | 34 | </td> |
| 71 | 35 | </tr> |
| 72 | 36 | </table> |
| ... | ... | @@ -75,30 +39,48 @@ |
| 75 | 39 | <tr> |
| 76 | 40 | <td> |
| 77 | 41 | <div id=versaoi3geo></div> |
| 78 | - <h1 class="i3GEOlogoMarca">i3Geo | |
| 79 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 80 | - <h1 class="i3GEOlogoMarca">Baseado | |
| 81 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
| 82 | - Brasileiro</h1> | |
| 42 | + <h1 class="i3GEOlogoMarca">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 43 | + <h1 class="i3GEOlogoMarca">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h1> | |
| 83 | 44 | </td> |
| 84 | 45 | </tr> |
| 85 | 46 | </table> |
| 86 | 47 | <img src='../imagens/logo_inicio.png'> |
| 87 | 48 | </div> |
| 49 | + <div id="contemMenu"> | |
| 50 | + <!--menu suspenso--> | |
| 51 | + <div id="menus"></div> | |
| 52 | + </div> | |
| 53 | + <!-- aqui será incluída a escala numérica --> | |
| 54 | + <div id=escala class=fundoRodape ></div> | |
| 55 | + | |
| 56 | + <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | |
| 57 | + <div id=localizarxy class="fundoRodape" ></div> | |
| 58 | + | |
| 59 | + <!-- mensagem de copyright --> | |
| 60 | + <div id="i3GEOcopyright" >i3Geo</div> | |
| 88 | 61 | |
| 89 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 90 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 62 | + <div id="i3GEOguiaMovel" | |
| 63 | + style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 64 | + <div | |
| 65 | + style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 91 | 66 | <div id="iconeGuia_temas"></div> |
| 92 | 67 | <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> |
| 93 | 68 | <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> |
| 94 | 69 | <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> |
| 95 | 70 | <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> |
| 96 | 71 | <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> |
| 72 | + <div id="iconeGuia_zoomtot" style="margin-top: 3px;"></div> | |
| 73 | + <div id="iconeGuia_zoomanterior" style="margin-top: 3px;"></div> | |
| 74 | + <div id="iconeGuia_zoomli" style="margin-top: 3px;"></div> | |
| 75 | + <div id="iconeGuia_zoomproximo" style="margin-top: 3px;"></div> | |
| 97 | 76 | </div> |
| 98 | - <div id="i3GEOguiaMovelMolde" style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 99 | - <div id="i3GEOguiaMovelConteudo" style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 77 | + <div id="i3GEOguiaMovelMolde" | |
| 78 | + style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 79 | + <div id="i3GEOguiaMovelConteudo" | |
| 80 | + style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 100 | 81 | <div id='guia1obj' style='display: none;'> |
| 101 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 82 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 83 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 102 | 84 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> |
| 103 | 85 | <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> |
| 104 | 86 | <!-- Esta div acrescenta a lista de propriedades do mapa --> |
| ... | ... | @@ -109,120 +91,21 @@ |
| 109 | 91 | <div id=listaTemas style='top: 15px;'></div> |
| 110 | 92 | </div> |
| 111 | 93 | <div id='guia2obj' style='display: none;'> |
| 112 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 113 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
| 94 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 95 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 96 | + <div id="arvoreAdicionaTema">Aguarde...</div> | |
| 114 | 97 | </div> |
| 115 | 98 | <div id='guia4obj' style='display: none; text-align: left'> |
| 116 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 117 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
| 99 | + <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" | |
| 100 | + style='cursor: pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 101 | + <div id="arvoreLegenda" style='display: block; text-align: left'>Aguarde...</div> | |
| 118 | 102 | </div> |
| 119 | 103 | </div> |
| 120 | 104 | </div> |
| 121 | 105 | </div> |
| 122 | 106 | <script> |
| 123 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 124 | - + window.location.host + "/i3geo"; | |
| 125 | - i3GEO.configura.autotamanho = false; | |
| 126 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 127 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 128 | - i3GEO.Interface.openlayers.TILES = true; | |
| 129 | - i3GEO.configura.guardaExtensao = false; | |
| 130 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 131 | - i3GEO.Interface.openlayers.googleLike = true; | |
| 132 | - i3GEO.cria(); | |
| 133 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 134 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 135 | - //ajusta o deslocamento da barra de botoes | |
| 136 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
| 137 | - //ajusta a posicao da barra de botoes no IE | |
| 138 | - if(navm){ | |
| 139 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 140 | - } | |
| 141 | - if(chro){ | |
| 142 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 143 | - } | |
| 144 | - | |
| 145 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 146 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 147 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 148 | - | |
| 149 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 150 | - i3GEO.mapa.AUTORESIZE = true; | |
| 151 | - i3GEO.guias.TIPO = "movel"; | |
| 152 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 153 | - i3GEO.janela.ativaAlerta(); | |
| 154 | - i3GEO.finaliza = function() { | |
| 155 | - if ($i("i3GEOlogoMarca")) { | |
| 156 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 157 | - } | |
| 158 | - }; | |
| 159 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 160 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 161 | - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 162 | - (function() { | |
| 163 | - var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
| 164 | - var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
| 165 | - var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
| 166 | - | |
| 167 | - var osm = new ol.layer.Tile({ | |
| 168 | - title : "OSM", | |
| 169 | - visible : true, | |
| 170 | - isBaseLayer : true, | |
| 171 | - name : "osm", | |
| 172 | - source: new ol.source.OSM({ | |
| 173 | - attributions : [new ol.Attribution({html: attribOSMData})], | |
| 174 | - crossOrigin : "anonymous", | |
| 175 | - url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png" | |
| 176 | - }) | |
| 177 | - }); | |
| 178 | - var aquarela = new ol.layer.Tile({ | |
| 179 | - title : "Aquarela", | |
| 180 | - visible : false, | |
| 181 | - isBaseLayer : true, | |
| 182 | - name : "aquarela", | |
| 183 | - source: new ol.source.OSM({ | |
| 184 | - attributions : [new ol.Attribution({html: attribStamen})], | |
| 185 | - crossOrigin : "anonymous", | |
| 186 | - url : "http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg" | |
| 187 | - }) | |
| 188 | - }); | |
| 189 | - var toner = new ol.layer.Tile({ | |
| 190 | - title : "Toner", | |
| 191 | - visible : false, | |
| 192 | - isBaseLayer : true, | |
| 193 | - name : "toner", | |
| 194 | - source: new ol.source.OSM({ | |
| 195 | - attributions : [new ol.Attribution({html: attribStamen})], | |
| 196 | - crossOrigin : "anonymous", | |
| 197 | - url : "http://tile.stamen.com/toner/{z}/{x}/{y}.png" | |
| 198 | - }) | |
| 199 | - }); | |
| 200 | - var tonerlite = new ol.layer.Tile({ | |
| 201 | - title : "Toner Lite", | |
| 202 | - visible : false, | |
| 203 | - isBaseLayer : true, | |
| 204 | - name : "tonerlite", | |
| 205 | - source: new ol.source.OSM({ | |
| 206 | - attributions : [new ol.Attribution({html: attribStamen})], | |
| 207 | - crossOrigin : "anonymous", | |
| 208 | - url : "http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png" | |
| 209 | - }) | |
| 210 | - }); | |
| 211 | - var layMapQuestAerial = new ol.layer.Tile({ | |
| 212 | - title : "MapQuest Open Aerial", | |
| 213 | - visible : false, | |
| 214 | - isBaseLayer : true, | |
| 215 | - name : "layMapQuestAerial", | |
| 216 | - source: new ol.source.OSM({ | |
| 217 | - attributions : [new ol.Attribution({html: attribMapQuestAerial})], | |
| 218 | - crossOrigin : "anonymous", | |
| 219 | - url : "http://oatile4.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg" | |
| 220 | - }) | |
| 221 | - }); | |
| 222 | - | |
| 223 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ osm, aquarela, toner, tonerlite, layMapQuestAerial ]; | |
| 224 | - })(); | |
| 225 | - i3GEO.inicia(); | |
| 107 | + i3GEO.cria(); | |
| 108 | + i3GEO.inicia(); | |
| 226 | 109 | </script> |
| 227 | 110 | </body> |
| 228 | -</html> | |
| 229 | 111 | \ No newline at end of file |
| 112 | +</html> | ... | ... |
interface/carto_ol.htm
| ... | ... | @@ -1,285 +0,0 @@ |
| 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 Cartogramas Estatistica geoprocessamento sig mobile"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - Cartogramas com OpenLayers</title> | |
| 8 | -<script src="../classesjs/i3geo.js"></script> | |
| 9 | -<script src="../ferramentas/metaestat/index.js"></script> | |
| 10 | -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> | |
| 11 | -<style> | |
| 12 | -.olControlEditingToolbar1 div { | |
| 13 | - background-image:url(../mashups/openlayers.png); | |
| 14 | - background-repeat:no-repeat; | |
| 15 | - float:right; | |
| 16 | - right: 50px; | |
| 17 | - height:29px; | |
| 18 | - margin:2px; | |
| 19 | - width:29px; | |
| 20 | - cursor:pointer; | |
| 21 | -} | |
| 22 | -</style> | |
| 23 | -</head> | |
| 24 | -<body id="i3geo" style="background-color:white"> | |
| 25 | -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div> | |
| 26 | -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | |
| 27 | - <tr style="border:0px"> | |
| 28 | - <td id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td> | |
| 29 | - </tr> | |
| 30 | - <tr> | |
| 31 | - <td id="contemMenu"> | |
| 32 | - <div id="menus" ></div> | |
| 33 | - </td> | |
| 34 | - </tr> | |
| 35 | - <tr> | |
| 36 | - <td style="vertical-align:top;border-width:0px;"> | |
| 37 | - <table width="100%" style="vertical-align:top;border-width:0px"> | |
| 38 | - <tr> | |
| 39 | - <td class=verdeclaro id=contemImg > | |
| 40 | - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div> | |
| 41 | - </td> | |
| 42 | - </tr> | |
| 43 | - </table> | |
| 44 | - </td> | |
| 45 | - </tr> | |
| 46 | - <tr> | |
| 47 | - <td> | |
| 48 | - <table width=100% > | |
| 49 | - <tr> | |
| 50 | - <td class=tdbranca > | |
| 51 | - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> | |
| 52 | - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div> | |
| 53 | - </td> | |
| 54 | - <td class=tdbranca > | |
| 55 | - <div id=escala style="text-align:right;" ></div> | |
| 56 | - </td> | |
| 57 | - <td class=tdbranca > | |
| 58 | - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div> | |
| 59 | - </td> | |
| 60 | - <td class=tdbranca > | |
| 61 | - <div id=seletorIdiomas ></div> | |
| 62 | - </td> | |
| 63 | - </tr> | |
| 64 | - </table> | |
| 65 | - </td> | |
| 66 | - </tr> | |
| 67 | - <tr style="border:0px"> | |
| 68 | - <td id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td> | |
| 69 | - </tr> | |
| 70 | -</table> | |
| 71 | - <div id="i3GEOlogoMarca"> | |
| 72 | - <table> | |
| 73 | - <tr> | |
| 74 | - <td> | |
| 75 | - <div id=versaoi3geo></div> | |
| 76 | - <h1 class="i3GEOlogoMarca">i3Geo | |
| 77 | - - Software livre para criação de mapas interativos e geoprocessamento</h1> | |
| 78 | - <h1 class="i3GEOlogoMarca">Baseado | |
| 79 | - no Mapserver, é licenciado sob GPL e integra o Portal do Software Público | |
| 80 | - Brasileiro</h1> | |
| 81 | - </td> | |
| 82 | - </tr> | |
| 83 | - </table> | |
| 84 | - <img src='../imagens/logo_inicio.png'> | |
| 85 | - </div> | |
| 86 | - | |
| 87 | - <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | |
| 88 | - <div style="cursor: pointer; position: absolute; top: 10px; width: 30px; z-index: 5000; left: 18px;"> | |
| 89 | - <div id="iconeGuia_temas"></div> | |
| 90 | - <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div> | |
| 91 | - <div id="iconeGuia_legenda" style="margin-top: 3px;"></div> | |
| 92 | - <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div> | |
| 93 | - <div id="iconeGuia_identificaBalao" style="margin-top: 3px;"></div> | |
| 94 | - <div id="iconeGuia_identifica" style="margin-top: 3px;"></div> | |
| 95 | - </div> | |
| 96 | - <div id="i3GEOguiaMovelMolde" style="top: 0px; box-shadow: 0 2px 10px 0 #888888; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | |
| 97 | - <div id="i3GEOguiaMovelConteudo" style='top: 10px; overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | |
| 98 | - <div id='guia1obj' style='display: none;'> | |
| 99 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 100 | - <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | |
| 101 | - <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> | |
| 102 | - <!-- Esta div acrescenta a lista de propriedades do mapa --> | |
| 103 | - <!--<div id=listaPropriedades style='top:15px;' ></div>--> | |
| 104 | - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | |
| 105 | - <div id=listaLayersBase style='top: 15px;'></div> | |
| 106 | - <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | |
| 107 | - <div id=listaTemas style='top: 15px;'></div> | |
| 108 | - </div> | |
| 109 | - <div id='guia2obj' style='display: none;'> | |
| 110 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 111 | - <div id="arvoreAdicionaTema" >Aguarde...</div> | |
| 112 | - </div> | |
| 113 | - <div id='guia4obj' style='display: none; text-align: left'> | |
| 114 | - <div onclick="i3GEO.guias.guiaMovel.abreFecha('fecha');" style='cursor:pointer; left: 0px; top: 0px; width: 95%; text-align: right; font-size: 14pt;'>X</div> | |
| 115 | - <div id="arvoreLegenda" style='display: block; text-align: left' >Aguarde...</div> | |
| 116 | - </div> | |
| 117 | - </div> | |
| 118 | - </div> | |
| 119 | - </div> | |
| 120 | - | |
| 121 | -<script> | |
| 122 | -/* | |
| 123 | -Interface para geração de cartogramas com Openlayers | |
| 124 | - | |
| 125 | -Utiliza o modulo de metadados estatisticos para geracao de cartogramas | |
| 126 | - | |
| 127 | -File: i3geo/interface/carto_ol.htm | |
| 128 | -*/ | |
| 129 | -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | |
| 130 | -i3GEO.configura.autotamanho = false; | |
| 131 | -//ativa ou desativa o balao de info ao clicar no mapa | |
| 132 | -i3GEO.eventos.cliquePerm.ativo = true; | |
| 133 | -// | |
| 134 | -i3GEO.Interface.ALTTABLET = ""; | |
| 135 | -i3GEO.Interface.ATUAL = "openlayers"; | |
| 136 | -i3GEO.Interface.IDCORPO = "contemImg"; | |
| 137 | -i3GEO.Interface.openlayers.GADGETS = { | |
| 138 | - PanZoomBar:true, | |
| 139 | - PanZoom:false, | |
| 140 | - LayerSwitcher:true, | |
| 141 | - ScaleLine:true, | |
| 142 | - OverviewMap:false | |
| 143 | - }; | |
| 144 | -i3GEO.Interface.openlayers.TILES = true; | |
| 145 | -/* | |
| 146 | -i3GEO.Interface.openlayers.parametrosMap.scales = [ | |
| 147 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | |
| 148 | -]; | |
| 149 | -*/ | |
| 150 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 151 | -i3GEO.cria(); | |
| 152 | -i3GEO.configura.mapaRefDisplay = "none"; | |
| 153 | -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 154 | -//ajusta o deslocamento da barra de botoes | |
| 155 | -i3GEO.barraDeBotoes.OFFSET = 11; | |
| 156 | -//ajusta a posicao da barra de botoes no IE | |
| 157 | -if(navm){ | |
| 158 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 159 | -} | |
| 160 | -if(chro){ | |
| 161 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 162 | -} | |
| 163 | - | |
| 164 | -i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 165 | -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 166 | -i3GEO.barraDeBotoes.ATIVA = true; | |
| 167 | -i3GEO.ajuda.ATIVAJANELA = false; | |
| 168 | -i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 169 | - | |
| 170 | -//i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 171 | -//i3GEO.configura.templateLegenda = "legenda4.htm"; | |
| 172 | - | |
| 173 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 174 | -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 175 | -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 176 | -i3GEO.mapa.AUTORESIZE = true; | |
| 177 | -i3GEO.guias.TIPO = "movel"; | |
| 178 | -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | |
| 179 | -i3GEO.configura.tempoMouseParado = 500; | |
| 180 | -//a pagina nao e recarregada quando o usuario faz login | |
| 181 | -i3GEO.login.recarrega = false; | |
| 182 | -OpenLayers.ImgPath = "../pacotes/openlayers/img/"; | |
| 183 | -(function() { | |
| 184 | - var eng = new OpenLayers.Layer.ArcGIS93Rest( | |
| 185 | - "ESRI National Geographic", | |
| 186 | - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export", | |
| 187 | - { | |
| 188 | - format : "jpeg" | |
| 189 | - }, { | |
| 190 | - isBaseLayer : true, | |
| 191 | - visibility : true, | |
| 192 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 193 | - }); | |
| 194 | - var oce = new OpenLayers.Layer.ArcGIS93Rest( | |
| 195 | - "ESRI Ocean Basemap", | |
| 196 | - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", | |
| 197 | - { | |
| 198 | - format : "jpeg" | |
| 199 | - }, { | |
| 200 | - isBaseLayer : true, | |
| 201 | - visibility : false, | |
| 202 | - attribution: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 203 | - }); | |
| 204 | - var ims = new OpenLayers.Layer.ArcGIS93Rest( | |
| 205 | - "ESRI Imagery World 2D", | |
| 206 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", | |
| 207 | - { | |
| 208 | - format : "jpeg" | |
| 209 | - }, { | |
| 210 | - isBaseLayer : true, | |
| 211 | - visibility : false, | |
| 212 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 213 | - }); | |
| 214 | - var wsm = new OpenLayers.Layer.ArcGIS93Rest( | |
| 215 | - "ESRI World Street Map", | |
| 216 | - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", | |
| 217 | - { | |
| 218 | - format : "jpeg" | |
| 219 | - }, { | |
| 220 | - isBaseLayer : true, | |
| 221 | - visibility : false, | |
| 222 | - attribution : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 223 | - }); | |
| 224 | - var bra = new OpenLayers.Layer.WMS( | |
| 225 | - "Base carto MMA", | |
| 226 | - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", | |
| 227 | - { | |
| 228 | - layers : "baseraster", | |
| 229 | - srs : "EPSG:4618", | |
| 230 | - format : "image/png", | |
| 231 | - isBaseLayer : false | |
| 232 | - }, { | |
| 233 | - isBaseLayer : true, | |
| 234 | - visibility : false | |
| 235 | - }); | |
| 236 | - | |
| 237 | - var tms = new OpenLayers.Layer.TMS("OSGEO", | |
| 238 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", { | |
| 239 | - layername : "basic", | |
| 240 | - type : "png", | |
| 241 | - // set if different than the bottom left of map.maxExtent | |
| 242 | - tileOrigin : new OpenLayers.LonLat(-180, -90), | |
| 243 | - isBaseLayer : true, | |
| 244 | - visibility : false, | |
| 245 | - attribution : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 246 | - }); | |
| 247 | - | |
| 248 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms, | |
| 249 | - bra ]; | |
| 250 | -})(); | |
| 251 | - | |
| 252 | -i3GEO.finaliza = function(){ | |
| 253 | - if($i("i3GEOlogoMarca")) | |
| 254 | - {$i("i3GEOlogoMarca").style.display = "none";} | |
| 255 | - //i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png"); | |
| 256 | -}; | |
| 257 | -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 258 | -//redefine a funcao onclique do botao localizar da barra de ferramentas | |
| 259 | -i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | |
| 260 | - i3GEO.mapa.dialogo.locregiao(); | |
| 261 | -}; | |
| 262 | -i3GEO.inicia(); | |
| 263 | -//parametros especificos dos cartogramas | |
| 264 | -//ver i3geo/ferramentas/metaestat | |
| 265 | -i3GEOF.metaestat.INTERFACE = "flutuante"; | |
| 266 | -i3GEOF.metaestat.CONEXAODEFAULT = 1; | |
| 267 | -i3GEOF.metaestat.TOP = 50; | |
| 268 | -i3GEOF.metaestat.LEFT = 100; | |
| 269 | -//i3GEOF.metaestat.LARGURA = 270; | |
| 270 | -//i3GEOF.metaestat.ALTURA = 300; | |
| 271 | -// | |
| 272 | -//define a funcao que sera executada ao clicar no mapa | |
| 273 | -//default (balao do tipo etiqueta) | |
| 274 | -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | |
| 275 | -//alternativo (janela de identificacao | |
| 276 | -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica]; | |
| 277 | -// | |
| 278 | -i3GEOF.metaestat.inicia(); | |
| 279 | -// | |
| 280 | -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | |
| 281 | -// | |
| 282 | -i3GEO.janela.ativaAlerta(); | |
| 283 | -</script> | |
| 284 | -</body> | |
| 285 | -</html> |
| ... | ... | @@ -0,0 +1,241 @@ |
| 1 | +<?php | |
| 2 | +//utilizado para facilitar a carga de javascript das interfaces do i3geo | |
| 3 | +//tipo pode ser OL|OSM|GM (openlayers, OSM, google maps) | |
| 4 | +?> | |
| 5 | +i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 6 | ++ window.location.host + "/i3geo"; | |
| 7 | +i3GEO.configura.autotamanho = false; | |
| 8 | +i3GEO.Interface.IDCORPO = "contemImg"; | |
| 9 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 10 | + | |
| 11 | +i3GEO.Interface.openlayers.TILES = true; | |
| 12 | + | |
| 13 | +<?php | |
| 14 | +$tipo = filter_var($_GET["tipo"], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH); | |
| 15 | +if($tipo == "OL"){ | |
| 16 | + echo 'i3GEO.Interface.ATUAL = "openlayers";'; | |
| 17 | + echo 'i3GEO.Interface.openlayers.googleLike = false;'; | |
| 18 | +} | |
| 19 | +if($tipo == "OSM"){ | |
| 20 | + echo 'i3GEO.Interface.ATUAL = "openlayers";'; | |
| 21 | + echo 'i3GEO.Interface.openlayers.googleLike = true;'; | |
| 22 | +} | |
| 23 | +if($tipo == "GM"){ | |
| 24 | + echo 'i3GEO.Interface.ATUAL = "googlemaps";'; | |
| 25 | +} | |
| 26 | +?> | |
| 27 | +i3GEO.scrollerWidth = 0; | |
| 28 | + | |
| 29 | +i3GEO.configura.guardaExtensao = true; | |
| 30 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 31 | + | |
| 32 | +i3GEO.configura.mapaRefDisplay = "none"; | |
| 33 | +i3GEO.barraDeBotoes.ATIVA = false; | |
| 34 | +i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 35 | +i3GEO.ajuda.ATIVAJANELA = false; | |
| 36 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = false; | |
| 37 | +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = false; | |
| 38 | +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 39 | +i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
| 40 | +i3GEO.mapa.AUTORESIZE = true; | |
| 41 | +i3GEO.guias.TIPO = "movel"; | |
| 42 | +i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 43 | +i3GEO.janela.ativaAlerta(); | |
| 44 | +i3GEO.finaliza = function() { | |
| 45 | + if ($i("i3GEOlogoMarca")) { | |
| 46 | + $i("i3GEOlogoMarca").style.display = "none"; | |
| 47 | + } | |
| 48 | +}; | |
| 49 | +//indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 50 | +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 51 | +i3GEO.janela.TRANSICAOSUAVE = true; | |
| 52 | +//desliga a camada com o mapa mundi | |
| 53 | +i3GEO.configura.mashuppar = "&desligar=mundo"; | |
| 54 | +(function() { | |
| 55 | + if(typeof ol != "undefined" && i3GEO.Interface.googleLike === false){ | |
| 56 | + var eng = new ol.layer.Tile( | |
| 57 | + { | |
| 58 | + title : "ESRI National Geographic", | |
| 59 | + visible : true, | |
| 60 | + isBaseLayer : true, | |
| 61 | + name : "eng", | |
| 62 | + source : new ol.source.TileArcGISRest( | |
| 63 | + { | |
| 64 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
| 65 | + attributions : [ new ol.Attribution( | |
| 66 | + { | |
| 67 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 68 | + }) ] | |
| 69 | + }) | |
| 70 | + }); | |
| 71 | + var oce = new ol.layer.Tile( | |
| 72 | + { | |
| 73 | + title : "ESRI Ocean Basemap", | |
| 74 | + visible : false, | |
| 75 | + isBaseLayer : true, | |
| 76 | + name : "oce", | |
| 77 | + source : new ol.source.TileArcGISRest( | |
| 78 | + { | |
| 79 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
| 80 | + attributions : [ new ol.Attribution( | |
| 81 | + { | |
| 82 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 83 | + }) ] | |
| 84 | + }) | |
| 85 | + }); | |
| 86 | + var ims = new ol.layer.Tile( | |
| 87 | + { | |
| 88 | + title : "ESRI Imagery World 2D", | |
| 89 | + visible : false, | |
| 90 | + isBaseLayer : true, | |
| 91 | + name : "ims", | |
| 92 | + source : new ol.source.TileArcGISRest( | |
| 93 | + { | |
| 94 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
| 95 | + attributions : [ new ol.Attribution( | |
| 96 | + { | |
| 97 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 98 | + }) ] | |
| 99 | + }) | |
| 100 | + }); | |
| 101 | + var wsm = new ol.layer.Tile( | |
| 102 | + { | |
| 103 | + title : "ESRI World Street Map", | |
| 104 | + visible : false, | |
| 105 | + isBaseLayer : true, | |
| 106 | + name : "wsm", | |
| 107 | + source : new ol.source.TileArcGISRest( | |
| 108 | + { | |
| 109 | + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
| 110 | + attributions : [ new ol.Attribution( | |
| 111 | + { | |
| 112 | + html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 113 | + }) ] | |
| 114 | + }) | |
| 115 | + }); | |
| 116 | + var bra = new ol.layer.Tile( | |
| 117 | + { | |
| 118 | + title : "Base carto MMA", | |
| 119 | + visible : false, | |
| 120 | + isBaseLayer : true, | |
| 121 | + name : "bra", | |
| 122 | + source : new ol.source.TileWMS( | |
| 123 | + { | |
| 124 | + url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
| 125 | + params : { | |
| 126 | + 'layers' : "baseraster", | |
| 127 | + 'srs' : "EPSG:4326", | |
| 128 | + 'format' : "image/png" | |
| 129 | + } | |
| 130 | + }) | |
| 131 | + }); | |
| 132 | + var tms = new ol.layer.Tile( | |
| 133 | + { | |
| 134 | + title : "OSGEO", | |
| 135 | + visible : false, | |
| 136 | + isBaseLayer : true, | |
| 137 | + name : "tms", | |
| 138 | + source : new ol.source.TileWMS( | |
| 139 | + { | |
| 140 | + url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
| 141 | + params : { | |
| 142 | + 'layers' : "basic", | |
| 143 | + 'type' : "png", | |
| 144 | + 'srs' : "EPSG:4326", | |
| 145 | + 'format' : "image/png", | |
| 146 | + 'VERSION' : '1.1.1' | |
| 147 | + }, | |
| 148 | + attributions : [ new ol.Attribution( | |
| 149 | + { | |
| 150 | + html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 151 | + }) ] | |
| 152 | + }) | |
| 153 | + }); | |
| 154 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
| 155 | + bra, tms ]; | |
| 156 | + } | |
| 157 | + if(typeof ol != "undefined" && i3GEO.Interface.openlayers.googleLike === true){ | |
| 158 | + var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
| 159 | + var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
| 160 | + var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
| 161 | + | |
| 162 | + var osm = new ol.layer.Tile({ | |
| 163 | + title : "OSM", | |
| 164 | + visible : true, | |
| 165 | + isBaseLayer : true, | |
| 166 | + name : "osm", | |
| 167 | + source: new ol.source.OSM({ | |
| 168 | + attributions : [new ol.Attribution({html: attribOSMData})], | |
| 169 | + crossOrigin : "anonymous", | |
| 170 | + url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png" | |
| 171 | + }) | |
| 172 | + }); | |
| 173 | + var aquarela = new ol.layer.Tile({ | |
| 174 | + title : "Aquarela", | |
| 175 | + visible : false, | |
| 176 | + isBaseLayer : true, | |
| 177 | + name : "aquarela", | |
| 178 | + source: new ol.source.OSM({ | |
| 179 | + attributions : [new ol.Attribution({html: attribStamen})], | |
| 180 | + crossOrigin : "anonymous", | |
| 181 | + url : "http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg" | |
| 182 | + }) | |
| 183 | + }); | |
| 184 | + var toner = new ol.layer.Tile({ | |
| 185 | + title : "Toner", | |
| 186 | + visible : false, | |
| 187 | + isBaseLayer : true, | |
| 188 | + name : "toner", | |
| 189 | + source: new ol.source.OSM({ | |
| 190 | + attributions : [new ol.Attribution({html: attribStamen})], | |
| 191 | + crossOrigin : "anonymous", | |
| 192 | + url : "http://tile.stamen.com/toner/{z}/{x}/{y}.png" | |
| 193 | + }) | |
| 194 | + }); | |
| 195 | + var tonerlite = new ol.layer.Tile({ | |
| 196 | + title : "Toner Lite", | |
| 197 | + visible : false, | |
| 198 | + isBaseLayer : true, | |
| 199 | + name : "tonerlite", | |
| 200 | + source: new ol.source.OSM({ | |
| 201 | + attributions : [new ol.Attribution({html: attribStamen})], | |
| 202 | + crossOrigin : "anonymous", | |
| 203 | + url : "http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png" | |
| 204 | + }) | |
| 205 | + }); | |
| 206 | + var layMapQuestAerial = new ol.layer.Tile({ | |
| 207 | + title : "MapQuest Open Aerial", | |
| 208 | + visible : false, | |
| 209 | + isBaseLayer : true, | |
| 210 | + name : "layMapQuestAerial", | |
| 211 | + source: new ol.source.OSM({ | |
| 212 | + attributions : [new ol.Attribution({html: attribMapQuestAerial})], | |
| 213 | + crossOrigin : "anonymous", | |
| 214 | + url : "http://oatile4.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg" | |
| 215 | + }) | |
| 216 | + }); | |
| 217 | + | |
| 218 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ osm, aquarela, toner, tonerlite, layMapQuestAerial ]; | |
| 219 | + } | |
| 220 | +})(); | |
| 221 | +//para a interface googlemaps | |
| 222 | +if(i3GEO.Interface.ATUAL === "googlemaps"){ | |
| 223 | + i3GEO.configura.diminuiyM = 1; | |
| 224 | + i3GEO.configura.diminuiyN = 1; | |
| 225 | + i3GEO.Interface.googlemaps.MAPOPTIONS = { | |
| 226 | + scaleControl : true, | |
| 227 | + mapTypeControl:true, | |
| 228 | + mapTypeControlOptions: { | |
| 229 | + position:google.maps.ControlPosition.LEFT_BOTTOM | |
| 230 | + }, | |
| 231 | + zoomControl:true, | |
| 232 | + zoomControlOptions: { | |
| 233 | + style:google.maps.ZoomControlStyle.SMALL, | |
| 234 | + position:google.maps.ControlPosition.LEFT_CENTER | |
| 235 | + }, | |
| 236 | + streetViewControl:true, | |
| 237 | + streetViewControlOptions: { | |
| 238 | + position:google.maps.ControlPosition.LEFT_CENTER | |
| 239 | + } | |
| 240 | + }; | |
| 241 | +} | ... | ... |
interface/openlayersdebug.htm
| ... | ... | @@ -5,15 +5,15 @@ |
| 5 | 5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
| 6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> |
| 7 | 7 | <title>i3GEO - OpenLayers</title> |
| 8 | -<script src="../pacotes/ol3/ol-debug.js"></script> | |
| 8 | +<script src="../pacotes/ol3/ol.js"></script> | |
| 9 | 9 | <script src="../js/i3geonaocompacto.js"></script> |
| 10 | +<script src="config.php?tipo=OL"></script> | |
| 10 | 11 | <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> |
| 11 | 12 | <link rel="stylesheet" type="text/css" href="../css/black.css"> |
| 12 | 13 | <style> |
| 13 | 14 | .ol-attribution img { |
| 14 | 15 | display: none; |
| 15 | 16 | } |
| 16 | - | |
| 17 | 17 | .ol-attribution.ol-uncollapsible { |
| 18 | 18 | height: 2.1em; |
| 19 | 19 | right: 24px; |
| ... | ... | @@ -104,151 +104,8 @@ |
| 104 | 104 | </div> |
| 105 | 105 | </div> |
| 106 | 106 | <script> |
| 107 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | |
| 108 | - + window.location.host + "/i3geo"; | |
| 109 | - i3GEO.configura.autotamanho = false; | |
| 110 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 111 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 112 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 113 | - | |
| 114 | - i3GEO.Interface.openlayers.TILES = true; | |
| 115 | - i3GEO.Interface.openlayers.googleLike = false; | |
| 116 | - | |
| 117 | - i3GEO.configura.guardaExtensao = true; | |
| 118 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 119 | - | |
| 120 | - i3GEO.cria(); | |
| 121 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 122 | - i3GEO.barraDeBotoes.ATIVA = false; | |
| 123 | - //i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 124 | - //ajusta o deslocamento da barra de botoes | |
| 125 | - //i3GEO.barraDeBotoes.OFFSET = 25; | |
| 126 | - | |
| 127 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 128 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 129 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 130 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 131 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 132 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 133 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
| 134 | - i3GEO.mapa.AUTORESIZE = true; | |
| 135 | - i3GEO.guias.TIPO = "movel"; | |
| 136 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 137 | - i3GEO.janela.ativaAlerta(); | |
| 138 | - i3GEO.finaliza = function() { | |
| 139 | - if ($i("i3GEOlogoMarca")) { | |
| 140 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 141 | - } | |
| 142 | - //i3GEO.mapa.insereDobraPagina("googlemaps", "../imagens/dobragooglemaps.png"); | |
| 143 | - }; | |
| 144 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 145 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 146 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 147 | - //desliga a camada com o mapa mundi | |
| 148 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
| 149 | - (function() { | |
| 150 | - var eng = new ol.layer.Tile( | |
| 151 | - { | |
| 152 | - title : "ESRI National Geographic", | |
| 153 | - visible : true, | |
| 154 | - isBaseLayer : true, | |
| 155 | - name : "eng", | |
| 156 | - source : new ol.source.TileArcGISRest( | |
| 157 | - { | |
| 158 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
| 159 | - attributions : [ new ol.Attribution( | |
| 160 | - { | |
| 161 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 162 | - }) ] | |
| 163 | - }) | |
| 164 | - }); | |
| 165 | - var oce = new ol.layer.Tile( | |
| 166 | - { | |
| 167 | - title : "ESRI Ocean Basemap", | |
| 168 | - visible : false, | |
| 169 | - isBaseLayer : true, | |
| 170 | - name : "oce", | |
| 171 | - source : new ol.source.TileArcGISRest( | |
| 172 | - { | |
| 173 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
| 174 | - attributions : [ new ol.Attribution( | |
| 175 | - { | |
| 176 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 177 | - }) ] | |
| 178 | - }) | |
| 179 | - }); | |
| 180 | - var ims = new ol.layer.Tile( | |
| 181 | - { | |
| 182 | - title : "ESRI Imagery World 2D", | |
| 183 | - visible : false, | |
| 184 | - isBaseLayer : true, | |
| 185 | - name : "ims", | |
| 186 | - source : new ol.source.TileArcGISRest( | |
| 187 | - { | |
| 188 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
| 189 | - attributions : [ new ol.Attribution( | |
| 190 | - { | |
| 191 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 192 | - }) ] | |
| 193 | - }) | |
| 194 | - }); | |
| 195 | - var wsm = new ol.layer.Tile( | |
| 196 | - { | |
| 197 | - title : "ESRI World Street Map", | |
| 198 | - visible : false, | |
| 199 | - isBaseLayer : true, | |
| 200 | - name : "wsm", | |
| 201 | - source : new ol.source.TileArcGISRest( | |
| 202 | - { | |
| 203 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
| 204 | - attributions : [ new ol.Attribution( | |
| 205 | - { | |
| 206 | - html : 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 207 | - }) ] | |
| 208 | - }) | |
| 209 | - }); | |
| 210 | - var bra = new ol.layer.Tile( | |
| 211 | - { | |
| 212 | - title : "Base carto MMA", | |
| 213 | - visible : false, | |
| 214 | - isBaseLayer : true, | |
| 215 | - name : "bra", | |
| 216 | - source : new ol.source.TileWMS( | |
| 217 | - { | |
| 218 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
| 219 | - params : { | |
| 220 | - 'layers' : "baseraster", | |
| 221 | - 'srs' : "EPSG:4326", | |
| 222 | - 'format' : "image/png" | |
| 223 | - } | |
| 224 | - }) | |
| 225 | - }); | |
| 226 | - var tms = new ol.layer.Tile( | |
| 227 | - { | |
| 228 | - title : "OSGEO", | |
| 229 | - visible : false, | |
| 230 | - isBaseLayer : true, | |
| 231 | - name : "tms", | |
| 232 | - source : new ol.source.TileWMS( | |
| 233 | - { | |
| 234 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
| 235 | - params : { | |
| 236 | - 'layers' : "basic", | |
| 237 | - 'type' : "png", | |
| 238 | - 'srs' : "EPSG:4326", | |
| 239 | - 'format' : "image/png", | |
| 240 | - 'VERSION' : '1.1.1' | |
| 241 | - }, | |
| 242 | - attributions : [ new ol.Attribution( | |
| 243 | - { | |
| 244 | - html : '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 245 | - }) ] | |
| 246 | - }) | |
| 247 | - }); | |
| 248 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, | |
| 249 | - bra, tms ]; | |
| 250 | - })(); | |
| 251 | - i3GEO.inicia(); | |
| 107 | + i3GEO.cria(); | |
| 108 | + i3GEO.inicia(); | |
| 252 | 109 | </script> |
| 253 | 110 | </body> |
| 254 | 111 | </html> | ... | ... |
interface/teste.phtml
| ... | ... | @@ -1,216 +0,0 @@ |
| 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 geoprocessamento sig mobile"> | |
| 5 | -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 6 | -<meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 7 | -<title>i3GEO - OpenLayers</title> | |
| 8 | -<script src="../pacotes/ol3/ol-debug.js"></script> | |
| 9 | -<script src="../js/i3geonaocompacto.js"></script> | |
| 10 | -<link rel="stylesheet" type="text/css" href="../css/black.css"> | |
| 11 | -<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css"> | |
| 12 | -<style> | |
| 13 | -.ol-attribution img { | |
| 14 | - display: none; | |
| 15 | -} | |
| 16 | - | |
| 17 | -.ol-attribution.ol-uncollapsible { | |
| 18 | - height: 2.1em; | |
| 19 | - right: 24px; | |
| 20 | - background: none; | |
| 21 | - margin-bottom: 15px; | |
| 22 | -} | |
| 23 | - | |
| 24 | -</style> | |
| 25 | -</head> | |
| 26 | -<body id="i3geo" style='margin-left: 7px; background: white;'> | |
| 27 | -<div id=contemImg > | |
| 28 | -<div id=corpoMapa ></div> | |
| 29 | -</div> | |
| 30 | - <script> | |
| 31 | - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"; | |
| 32 | - i3GEO.configura.autotamanho = false; | |
| 33 | - i3GEO.Interface.ATUAL = "openlayers"; | |
| 34 | - i3GEO.Interface.IDCORPO = "contemImg"; | |
| 35 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true; | |
| 36 | - i3GEO.Interface.openlayers.googleLike = true; | |
| 37 | - i3GEO.Interface.openlayers.TILES = true; | |
| 38 | - | |
| 39 | - i3GEO.configura.guardaExtensao = false; | |
| 40 | - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = | |
| 41 | - 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | |
| 42 | - | |
| 43 | - i3GEO.cria(); | |
| 44 | - i3GEO.configura.mapaRefDisplay = "none"; | |
| 45 | - i3GEO.barraDeBotoes.ATIVA = true; | |
| 46 | - i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; | |
| 47 | - //ajusta o deslocamento da barra de botoes | |
| 48 | - i3GEO.barraDeBotoes.OFFSET = 11; | |
| 49 | - //ajusta a posicao da barra de botoes no IE | |
| 50 | - if (navm) { | |
| 51 | - i3GEO.barraDeBotoes.OFFSET = 5; | |
| 52 | - } | |
| 53 | - if (chro) { | |
| 54 | - i3GEO.barraDeBotoes.OFFSET = 15; | |
| 55 | - } | |
| 56 | - | |
| 57 | - i3GEO.configura.oMenuData["submenus"]["janelas"] = []; | |
| 58 | - i3GEO.ajuda.ATIVAJANELA = false; | |
| 59 | - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | |
| 60 | - | |
| 61 | - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | |
| 62 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; | |
| 63 | - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; | |
| 64 | - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | |
| 65 | - i3GEO.arvoreDeCamadas.MOSTRATITULO = true; | |
| 66 | - i3GEO.mapa.AUTORESIZE = true; | |
| 67 | - i3GEO.guias.TIPO = "movel"; | |
| 68 | - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; | |
| 69 | - i3GEO.janela.ativaAlerta(); | |
| 70 | - i3GEO.finaliza = function() { | |
| 71 | - if ($i("i3GEOlogoMarca")) { | |
| 72 | - $i("i3GEOlogoMarca").style.display = "none"; | |
| 73 | - } | |
| 74 | - //i3GEO.mapa.insereDobraPagina("googlemaps", "../imagens/dobragooglemaps.png"); | |
| 75 | - }; | |
| 76 | - //indica se a opcao de navegacao nas pastas do servidor sera ativada | |
| 77 | - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; | |
| 78 | - i3GEO.janela.TRANSICAOSUAVE = true; | |
| 79 | - //desliga a camada com o mapa mundi | |
| 80 | - i3GEO.configura.mashuppar = "&desligar=mundo"; | |
| 81 | - (function() { | |
| 82 | - var attribOSMData = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
| 83 | - var attribMapQuestOSM = attribOSMData + ', Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
| 84 | - var attribMapQuestAerial = 'Map Data: © Portions Courtesy NASA/JPL-Caltech and U.S. Depart. of Agriculture, Farm Service Agency, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'; | |
| 85 | - var attribOpenCycleMap = 'Map Data: © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; | |
| 86 | - var attribDEMData = '<a href="http://srtm.csi.cgiar.org/">SRTM</a>; ASTER GDEM is a product of <a href="http://www.meti.go.jp/english/press/data/20090626_03.html">METI</a> and <a href="https://lpdaac.usgs.gov/products/aster_policies">NASA</a>'; | |
| 87 | - var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; | |
| 88 | - var mapSurfer = 'Map data © OpenStreetMap contributors, Imagery GIScience Research Group @ Heidelberg University'; | |
| 89 | - | |
| 90 | - var osm = new ol.layer.Tile({ | |
| 91 | - title : "OSM Layer", | |
| 92 | - visible : true, | |
| 93 | - isBaseLayer : true, | |
| 94 | - name : "osm", | |
| 95 | - source: new ol.source.OSM({ | |
| 96 | - attributions : [new ol.Attribution({html: attribOSMData})], | |
| 97 | - crossOrigin : "anonymous", | |
| 98 | - url : "http://tile.openstreetmap.org/{z}/{x}/{y}.png", | |
| 99 | - projection: 'EPSG:3857' | |
| 100 | - }) | |
| 101 | - }); | |
| 102 | - tdb = new ol.layer.Tile({ | |
| 103 | - name : "tdb", | |
| 104 | - isBaseLayer : true, | |
| 105 | - title : "OSM Tile", | |
| 106 | - visible : true, | |
| 107 | - source: new ol.source.TileDebug({ | |
| 108 | - projection: 'EPSG:3857', | |
| 109 | - tileGrid: new ol.source.OSM().getTileGrid() | |
| 110 | - }) | |
| 111 | - }); | |
| 112 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm,tdb]; | |
| 113 | - | |
| 114 | - /* | |
| 115 | - | |
| 116 | - var eng = new ol.layer.Tile({ | |
| 117 | - title : "ESRI National Geographic", | |
| 118 | - visible : true, | |
| 119 | - isBaseLayer : true, | |
| 120 | - name : "eng", | |
| 121 | - source : new ol.source.TileArcGISRest({ | |
| 122 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer", | |
| 123 | - attributions: [ | |
| 124 | - new ol.Attribution({ | |
| 125 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>' | |
| 126 | - }) | |
| 127 | - ] | |
| 128 | - }) | |
| 129 | - }); | |
| 130 | - var oce = new ol.layer.Tile({ | |
| 131 | - title : "ESRI Ocean Basemap", | |
| 132 | - visible : false, | |
| 133 | - isBaseLayer : true, | |
| 134 | - name : "oce", | |
| 135 | - source : new ol.source.TileArcGISRest({ | |
| 136 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer", | |
| 137 | - attributions: [ | |
| 138 | - new ol.Attribution({ | |
| 139 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>' | |
| 140 | - }) | |
| 141 | - ] | |
| 142 | - }) | |
| 143 | - }); | |
| 144 | - var ims = new ol.layer.Tile({ | |
| 145 | - title : "ESRI Imagery World 2D", | |
| 146 | - visible : false, | |
| 147 | - isBaseLayer : true, | |
| 148 | - name : "ims", | |
| 149 | - source : new ol.source.TileArcGISRest({ | |
| 150 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", | |
| 151 | - attributions: [ | |
| 152 | - new ol.Attribution({ | |
| 153 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>' | |
| 154 | - }) | |
| 155 | - ] | |
| 156 | - }) | |
| 157 | - }); | |
| 158 | - var wsm = new ol.layer.Tile({ | |
| 159 | - title : "ESRI World Street Map", | |
| 160 | - visible : false, | |
| 161 | - isBaseLayer : true, | |
| 162 | - name : "wsm", | |
| 163 | - source : new ol.source.TileArcGISRest({ | |
| 164 | - url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", | |
| 165 | - attributions: [ | |
| 166 | - new ol.Attribution({ | |
| 167 | - html: 'Tiles © <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>' | |
| 168 | - }) | |
| 169 | - ] | |
| 170 | - }) | |
| 171 | - }); | |
| 172 | - var bra = new ol.layer.Tile({ | |
| 173 | - title : "Base carto MMA", | |
| 174 | - visible : false, | |
| 175 | - isBaseLayer : true, | |
| 176 | - name : "bra", | |
| 177 | - source : new ol.source.TileWMS({ | |
| 178 | - url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&", | |
| 179 | - params : { | |
| 180 | - 'layers' : "baseraster", | |
| 181 | - 'srs' : "EPSG:4326", | |
| 182 | - 'format' : "image/png" | |
| 183 | - } | |
| 184 | - }) | |
| 185 | - }); | |
| 186 | - var tms = new ol.layer.Tile({ | |
| 187 | - title : "OSGEO", | |
| 188 | - visible : false, | |
| 189 | - isBaseLayer : true, | |
| 190 | - name : "tms", | |
| 191 | - source : new ol.source.TileWMS({ | |
| 192 | - url : "http://tilecache.osgeo.org/wms-c/Basic.py/", | |
| 193 | - params : { | |
| 194 | - 'layers' : "basic", | |
| 195 | - 'type' : "png", | |
| 196 | - 'srs' : "EPSG:4326", | |
| 197 | - 'format' : "image/png", | |
| 198 | - 'VERSION' : '1.1.1' | |
| 199 | - }, | |
| 200 | - attributions: [ | |
| 201 | - new ol.Attribution({ | |
| 202 | - html: '© <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>' | |
| 203 | - }) | |
| 204 | - ] | |
| 205 | - }) | |
| 206 | - }); | |
| 207 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ | |
| 208 | - eng, oce, ims, wsm, bra, tms | |
| 209 | - ]; | |
| 210 | - */ | |
| 211 | - })(); | |
| 212 | - | |
| 213 | - i3GEO.inicia(); | |
| 214 | - </script> | |
| 215 | -</body> | |
| 216 | -</html> |
interface/theme/default/framedCloud.css
interface/theme/default/google.css
interface/theme/default/google.tidy.css
interface/theme/default/ie6-style.css
interface/theme/default/ie6-style.tidy.css
interface/theme/default/style.css
| ... | ... | @@ -1,394 +0,0 @@ |
| 1 | -div.olMap { | |
| 2 | - z-index: 0; | |
| 3 | - padding: 0px!important; | |
| 4 | - margin: 0px!important; | |
| 5 | - cursor: default; | |
| 6 | -} | |
| 7 | - | |
| 8 | -div.olMapViewport { | |
| 9 | - text-align: left; | |
| 10 | -} | |
| 11 | - | |
| 12 | -div.olLayerDiv { | |
| 13 | - -moz-user-select: none; | |
| 14 | -} | |
| 15 | - | |
| 16 | -.olLayerGoogleCopyright { | |
| 17 | - left: 2px; | |
| 18 | - bottom: 2px; | |
| 19 | -} | |
| 20 | -.olLayerGooglePoweredBy { | |
| 21 | - left: 2px; | |
| 22 | - bottom: 15px; | |
| 23 | -} | |
| 24 | -.olControlAttribution { | |
| 25 | - font-size: smaller; | |
| 26 | - right: 3px; | |
| 27 | - bottom: 4.5em; | |
| 28 | - position: absolute; | |
| 29 | - display: block; | |
| 30 | -} | |
| 31 | -.olControlScale { | |
| 32 | - right: 3px; | |
| 33 | - bottom: 3em; | |
| 34 | - display: block; | |
| 35 | - position: absolute; | |
| 36 | - font-size: smaller; | |
| 37 | -} | |
| 38 | -.olControlScaleLine { | |
| 39 | - left: 10px; | |
| 40 | - bottom: 15px; | |
| 41 | - font-size: xx-small; | |
| 42 | -} | |
| 43 | -.olControlScaleLineBottom { | |
| 44 | - border: solid 2px black; | |
| 45 | - border-bottom: none; | |
| 46 | - margin-top:-2px; | |
| 47 | - text-align: center; | |
| 48 | -} | |
| 49 | -.olControlScaleLineTop { | |
| 50 | - border: solid 2px black; | |
| 51 | - border-top: none; | |
| 52 | - text-align: center; | |
| 53 | -} | |
| 54 | - | |
| 55 | -.olControlPermalink { | |
| 56 | - right: 3px; | |
| 57 | - bottom: 1.5em; | |
| 58 | - display: block; | |
| 59 | - position: absolute; | |
| 60 | - font-size: smaller; | |
| 61 | -} | |
| 62 | - | |
| 63 | -div.olControlMousePosition { | |
| 64 | - bottom: 0em; | |
| 65 | - right: 3px; | |
| 66 | - display: block; | |
| 67 | - position: absolute; | |
| 68 | - font-family: Arial; | |
| 69 | - font-size: smaller; | |
| 70 | -} | |
| 71 | - | |
| 72 | -.olControlOverviewMapContainer { | |
| 73 | - position: absolute; | |
| 74 | - bottom: 0px; | |
| 75 | - right: 0px; | |
| 76 | -} | |
| 77 | - | |
| 78 | -.olControlOverviewMapElement { | |
| 79 | - padding: 10px 18px 10px 10px; | |
| 80 | - background-color: #00008B; | |
| 81 | - -moz-border-radius: 1em 0 0 0; | |
| 82 | -} | |
| 83 | - | |
| 84 | -.olControlOverviewMapMinimizeButton { | |
| 85 | - right: 0px; | |
| 86 | - bottom: 80px; | |
| 87 | -} | |
| 88 | - | |
| 89 | -.olControlOverviewMapMaximizeButton { | |
| 90 | - right: 0px; | |
| 91 | - bottom: 80px; | |
| 92 | -} | |
| 93 | - | |
| 94 | -.olControlOverviewMapExtentRectangle { | |
| 95 | - overflow: hidden; | |
| 96 | - background-image: url("img/blank.gif"); | |
| 97 | - cursor: move; | |
| 98 | - border: 2px dotted red; | |
| 99 | -} | |
| 100 | -.olControlOverviewMapRectReplacement { | |
| 101 | - overflow: hidden; | |
| 102 | - cursor: move; | |
| 103 | - background-image: url("img/overview_replacement.gif"); | |
| 104 | - background-repeat: no-repeat; | |
| 105 | - background-position: center; | |
| 106 | -} | |
| 107 | - | |
| 108 | -.olLayerGeoRSSDescription { | |
| 109 | - float:left; | |
| 110 | - width:100%; | |
| 111 | - overflow:auto; | |
| 112 | - font-size:1.0em; | |
| 113 | -} | |
| 114 | -.olLayerGeoRSSClose { | |
| 115 | - float:right; | |
| 116 | - color:gray; | |
| 117 | - font-size:1.2em; | |
| 118 | - margin-right:6px; | |
| 119 | - font-family:sans-serif; | |
| 120 | -} | |
| 121 | -.olLayerGeoRSSTitle { | |
| 122 | - float:left;font-size:1.2em; | |
| 123 | -} | |
| 124 | - | |
| 125 | -.olPopupContent { | |
| 126 | - padding:5px; | |
| 127 | - overflow: auto; | |
| 128 | -} | |
| 129 | -.olControlNavToolbar { | |
| 130 | - width:0px; | |
| 131 | - height:0px; | |
| 132 | -} | |
| 133 | -.olControlNavToolbar div { | |
| 134 | - display:block; | |
| 135 | - width: 28px; | |
| 136 | - height: 28px; | |
| 137 | - top: 300px; | |
| 138 | - left: 6px; | |
| 139 | - position: relative; | |
| 140 | -} | |
| 141 | - | |
| 142 | -.olControlNavigationHistory { | |
| 143 | - background-image: url("img/navigation_history.png"); | |
| 144 | - background-repeat: no-repeat; | |
| 145 | - width: 24px; | |
| 146 | - height: 24px; | |
| 147 | - | |
| 148 | -} | |
| 149 | -.olControlNavigationHistoryPreviousItemActive { | |
| 150 | - background-position: 0px 0px; | |
| 151 | -} | |
| 152 | -.olControlNavigationHistoryPreviousItemInactive { | |
| 153 | - background-position: 0px -24px; | |
| 154 | -} | |
| 155 | -.olControlNavigationHistoryNextItemActive { | |
| 156 | - background-position: -24px 0px; | |
| 157 | -} | |
| 158 | -.olControlNavigationHistoryNextItemInactive { | |
| 159 | - background-position: -24px -24px; | |
| 160 | -} | |
| 161 | - | |
| 162 | -.olControlNavToolbar .olControlNavigationItemActive { | |
| 163 | - background-image: url("img/panning-hand-on.png"); | |
| 164 | - background-repeat: no-repeat; | |
| 165 | -} | |
| 166 | -.olControlNavToolbar .olControlNavigationItemInactive { | |
| 167 | - background-image: url("img/panning-hand-off.png"); | |
| 168 | - background-repeat: no-repeat; | |
| 169 | -} | |
| 170 | -.olControlNavToolbar .olControlZoomBoxItemActive { | |
| 171 | - background-image: url("img/drag-rectangle-on.png"); | |
| 172 | - background-color: orange; | |
| 173 | - background-repeat: no-repeat; | |
| 174 | -} | |
| 175 | -.olControlNavToolbar .olControlZoomBoxItemInactive { | |
| 176 | - background-image: url("img/drag-rectangle-off.png"); | |
| 177 | - background-repeat: no-repeat; | |
| 178 | -} | |
| 179 | -.olControlEditingToolbar { | |
| 180 | - float:right; | |
| 181 | - right: 0px; | |
| 182 | - height: 30px; | |
| 183 | - width: 200px; | |
| 184 | -} | |
| 185 | -.olControlEditingToolbar div { | |
| 186 | - background-image: url("img/editing_tool_bar.png"); | |
| 187 | - background-repeat: no-repeat; | |
| 188 | - float:right; | |
| 189 | - width: 24px; | |
| 190 | - height: 24px; | |
| 191 | - margin: 5px; | |
| 192 | -} | |
| 193 | -.olControlEditingToolbar .olControlNavigationItemActive { | |
| 194 | - background-position: -103px -23px; | |
| 195 | -} | |
| 196 | -.olControlEditingToolbar .olControlNavigationItemInactive { | |
| 197 | - background-position: -103px -0px; | |
| 198 | -} | |
| 199 | -.olControlEditingToolbar .olControlDrawFeaturePointItemActive { | |
| 200 | - background-position: -77px -23px; | |
| 201 | -} | |
| 202 | -.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { | |
| 203 | - background-position: -77px -0px; | |
| 204 | -} | |
| 205 | -.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { | |
| 206 | - background-position: -51px 0px; | |
| 207 | -} | |
| 208 | -.olControlEditingToolbar .olControlDrawFeaturePathItemActive { | |
| 209 | - background-position: -51px -23px; | |
| 210 | -} | |
| 211 | -.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { | |
| 212 | - background-position: -26px 0px; | |
| 213 | -} | |
| 214 | -.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { | |
| 215 | - background-position: -26px -23px ; | |
| 216 | -} | |
| 217 | -.olControlSaveFeaturesItemActive { | |
| 218 | - background-image: url(img/save_features_on.png); | |
| 219 | - background-repeat: no-repeat; | |
| 220 | - background-position: 0px 1px; | |
| 221 | -} | |
| 222 | -.olControlSaveFeaturesItemInactive { | |
| 223 | - background-image: url(img/save_features_off.png); | |
| 224 | - background-repeat: no-repeat; | |
| 225 | - background-position: 0px 1px; | |
| 226 | -} | |
| 227 | - | |
| 228 | -.olHandlerBoxZoomBox { | |
| 229 | - border: 2px solid red; | |
| 230 | - position: absolute; | |
| 231 | - background-color: white; | |
| 232 | - opacity: 0.50; | |
| 233 | - font-size: 1px; | |
| 234 | - filter: alpha(opacity=50); | |
| 235 | -} | |
| 236 | -.olHandlerBoxSelectFeature { | |
| 237 | - border: 2px solid blue; | |
| 238 | - position: absolute; | |
| 239 | - background-color: white; | |
| 240 | - opacity: 0.50; | |
| 241 | - font-size: 1px; | |
| 242 | - filter: alpha(opacity=50); | |
| 243 | -} | |
| 244 | - | |
| 245 | -.olControlPanPanel { | |
| 246 | - top: 10px; | |
| 247 | - left: 5px; | |
| 248 | -} | |
| 249 | - | |
| 250 | -.olControlPanPanel div { | |
| 251 | - background-image: url(img/pan-panel.png); | |
| 252 | - height: 18px; | |
| 253 | - width: 18px; | |
| 254 | - cursor: pointer; | |
| 255 | - position: absolute; | |
| 256 | -} | |
| 257 | - | |
| 258 | -.olControlPanPanel .olControlPanNorthItemInactive { | |
| 259 | - top: 0px; | |
| 260 | - left: 9px; | |
| 261 | - background-position: 0px 0px; | |
| 262 | -} | |
| 263 | -.olControlPanPanel .olControlPanSouthItemInactive { | |
| 264 | - top: 36px; | |
| 265 | - left: 9px; | |
| 266 | - background-position: 18px 0px; | |
| 267 | -} | |
| 268 | -.olControlPanPanel .olControlPanWestItemInactive { | |
| 269 | - position: absolute; | |
| 270 | - top: 18px; | |
| 271 | - left: 0px; | |
| 272 | - background-position: 0px 18px; | |
| 273 | -} | |
| 274 | -.olControlPanPanel .olControlPanEastItemInactive { | |
| 275 | - top: 18px; | |
| 276 | - left: 18px; | |
| 277 | - background-position: 18px 18px; | |
| 278 | -} | |
| 279 | - | |
| 280 | -.olControlZoomPanel { | |
| 281 | - top: 71px; | |
| 282 | - left: 14px; | |
| 283 | -} | |
| 284 | - | |
| 285 | - | |
| 286 | -.olControlZoomPanel div { | |
| 287 | - background-image: url(img/zoom-panel.png); | |
| 288 | - position: absolute; | |
| 289 | - height: 18px; | |
| 290 | - width: 18px; | |
| 291 | - cursor: pointer; | |
| 292 | -} | |
| 293 | - | |
| 294 | -.olControlZoomPanel .olControlZoomInItemInactive { | |
| 295 | - top: 0px; | |
| 296 | - left: 0px; | |
| 297 | - background-position: 0px 0px; | |
| 298 | -} | |
| 299 | - | |
| 300 | -.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { | |
| 301 | - top: 18px; | |
| 302 | - left: 0px; | |
| 303 | - background-position: 0px -18px; | |
| 304 | -} | |
| 305 | - | |
| 306 | -.olControlZoomPanel .olControlZoomOutItemInactive { | |
| 307 | - top: 36px; | |
| 308 | - left: 0px; | |
| 309 | - background-position: 0px 18px; | |
| 310 | -} | |
| 311 | - | |
| 312 | -.olPopupCloseBox { | |
| 313 | - background: url("img/edit-delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); | |
| 314 | - cursor: pointer; | |
| 315 | -} | |
| 316 | -.olFramedCloudPopupContent { | |
| 317 | - padding: 5px; | |
| 318 | - overflow: auto; | |
| 319 | -} | |
| 320 | - | |
| 321 | -.olControlNoSelect { | |
| 322 | - -moz-user-select: none; | |
| 323 | -} | |
| 324 | - | |
| 325 | -/** | |
| 326 | - * Cursor styles | |
| 327 | - */ | |
| 328 | - | |
| 329 | -.olCursorWait { | |
| 330 | - cursor: wait; | |
| 331 | -} | |
| 332 | -.olDragDown { | |
| 333 | - cursor: move; | |
| 334 | -} | |
| 335 | -.olDrawBox { | |
| 336 | - cursor: crosshair; | |
| 337 | -} | |
| 338 | -.olControlDragFeatureOver { | |
| 339 | - cursor: move; | |
| 340 | -} | |
| 341 | -.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { | |
| 342 | - cursor: -moz-grabbing; | |
| 343 | -} | |
| 344 | - | |
| 345 | -/** | |
| 346 | - * Layer switcher | |
| 347 | - */ | |
| 348 | -.olControlLayerSwitcher { | |
| 349 | - position: absolute; | |
| 350 | - top: 35px; | |
| 351 | - right: 0px; | |
| 352 | - width: 20em; | |
| 353 | - font-family: sans-serif; | |
| 354 | - font-weight: bold; | |
| 355 | - margin-top: 3px; | |
| 356 | - margin-left: 3px; | |
| 357 | - margin-bottom: 3px; | |
| 358 | - font-size: smaller; | |
| 359 | - color: white; | |
| 360 | - background-color: transparent; | |
| 361 | - text-align:left; | |
| 362 | -} | |
| 363 | - | |
| 364 | -.olControlLayerSwitcher .layersDiv { | |
| 365 | - padding-top: 5px; | |
| 366 | - padding-left: 10px; | |
| 367 | - padding-bottom: 5px; | |
| 368 | - padding-right: 75px; | |
| 369 | - background-color: black; | |
| 370 | - width: 100%; | |
| 371 | - height: 100%; | |
| 372 | - text-align:left; | |
| 373 | -} | |
| 374 | - | |
| 375 | -.olControlLayerSwitcher .layersDiv .baseLbl, | |
| 376 | -.olControlLayerSwitcher .layersDiv .dataLbl { | |
| 377 | - margin-top: 3px; | |
| 378 | - margin-left: 3px; | |
| 379 | - margin-bottom: 3px; | |
| 380 | - text-align:left; | |
| 381 | -} | |
| 382 | - | |
| 383 | -.olControlLayerSwitcher .layersDiv .baseLayersDiv, | |
| 384 | -.olControlLayerSwitcher .layersDiv .dataLayersDiv { | |
| 385 | - padding-left: 10px; | |
| 386 | - text-align:left; | |
| 387 | -} | |
| 388 | - | |
| 389 | -.olControlLayerSwitcher .maximizeDiv, | |
| 390 | -.olControlLayerSwitcher .minimizeDiv { | |
| 391 | - top: 5px; | |
| 392 | - right: 0px; | |
| 393 | - text-align:left; | |
| 394 | -} |
interface/theme/default/style.tidy.css
| ... | ... | @@ -1 +0,0 @@ |
| 1 | -div.olMap{z-index:0;cursor:default;margin:0!important;padding:0!important;}div.olMapViewport{text-align:left;}.olLayerGoogleCopyright{left:2px;bottom:2px;}.olLayerGoogleV3.olLayerGoogleCopyright{right:auto!important;}.olLayerGooglePoweredBy{left:2px;bottom:15px;}.olLayerGoogleV3.olLayerGooglePoweredBy{bottom:15px!important;}.olControlAttribution{font-size:smaller;right:3px;bottom:4.5em;position:absolute;display:block;}.olControlScale{right:3px;bottom:3em;display:block;position:absolute;font-size:smaller;}.olControlScaleLine{display:block;position:absolute;left:10px;bottom:15px;font-size:xx-small;}.olControlScaleLineBottom{border:solid 2px #000;border-bottom:none;margin-top:-2px;text-align:center;}.olControlScaleLineTop{border:solid 2px #000;border-top:none;text-align:center;}.olControlPermalink{right:3px;bottom:1.5em;display:block;position:absolute;font-size:smaller;}div.olControlMousePosition{bottom:0;right:3px;display:block;position:absolute;font-family:Arial;font-size:smaller;}.olControlOverviewMapContainer{position:absolute;bottom:0;right:0;}.olControlOverviewMapElement{background-color:#00008B;-moz-border-radius:1em 0 0;padding:10px 18px 10px 10px;}.olControlOverviewMapExtentRectangle{overflow:hidden;background-image:url(img/blank.gif);cursor:move;border:2px dotted red;}.olControlOverviewMapRectReplacement{overflow:hidden;cursor:move;background-image:url(img/overview_replacement.gif);background-repeat:no-repeat;background-position:center;}.olLayerGeoRSSDescription{float:left;width:100%;overflow:auto;font-size:1em;}.olLayerGeoRSSClose{float:right;color:gray;font-size:1.2em;margin-right:6px;font-family:sans-serif;}.olLayerGeoRSSTitle{float:left;font-size:1.2em;}.olControlNavigationHistory{background-image:url(img/navigation_history.png);background-repeat:no-repeat;width:24px;height:24px;}.olControlNavigationHistoryPreviousItemActive{background-position:0 0;}.olControlNavigationHistoryPreviousItemInactive{background-position:0 -24px;}.olControlNavigationHistoryNextItemActive{background-position:-24px 0;}.olControlNavigationHistoryNextItemInactive{background-position:-24px -24px;}div.olControlSaveFeaturesItemActive{background-image:url(img/save_features_on.png);background-repeat:no-repeat;background-position:0 1px;}div.olControlSaveFeaturesItemInactive{background-image:url(img/save_features_off.png);background-repeat:no-repeat;background-position:0 1px;}.olHandlerBoxZoomBox{border:2px solid red;position:absolute;background-color:#FFF;opacity:.5;font-size:1px;filter:alpha(opacity=50);}.olHandlerBoxSelectFeature{border:2px solid blue;position:absolute;background-color:#FFF;opacity:.5;font-size:1px;filter:alpha(opacity=50);}.olControlPanPanel{top:10px;left:5px;}.olControlPanPanel div{background-image:url(img/pan-panel.png);height:18px;width:18px;cursor:pointer;position:absolute;}.olControlPanPanel .olControlPanNorthItemInactive{top:0;left:9px;background-position:0 0;}.olControlPanPanel .olControlPanSouthItemInactive{top:36px;left:9px;background-position:18px 0;}.olControlPanPanel .olControlPanWestItemInactive{position:absolute;top:18px;left:0;background-position:0 18px;}.olControlPanPanel .olControlPanEastItemInactive{top:18px;left:18px;background-position:18px 18px;}.olControlZoomPanel{top:71px;left:14px;}.olControlZoomPanel div{background-image:url(img/zoom-panel.png);position:absolute;height:18px;width:18px;cursor:pointer;}.olControlZoomPanel .olControlZoomInItemInactive{top:0;left:0;background-position:0 0;}.olControlZoomPanel .olControlZoomToMaxExtentItemInactive{top:18px;left:0;background-position:0 -18px;}.olControlZoomPanel .olControlZoomOutItemInactive{top:36px;left:0;background-position:0 18px;}.olControlPanZoomBar div{font-size:1px;}.olPopupCloseBox{background:url(img/close.gif) no-repeat;cursor:pointer;}.olImageLoadError{background-color:#FFC0CB;opacity:.5;filter:alpha(opacity=50);}.olCursorWait{cursor:wait;}.olDrawBox{cursor:crosshair;}.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown{cursor:0;}.olControlLayerSwitcher{position:absolute;top:25px;right:0;width:20em;font-family:sans-serif;font-weight:700;margin-top:3px;margin-left:3px;margin-bottom:3px;font-size:smaller;color:#FFF;background-color:transparent;}.olControlLayerSwitcher .layersDiv{background-color:#00008B;width:100%;height:100%;padding:5px 75px 5px 10px;}.olControlLayerSwitcher .layersDiv .baseLbl,.olControlLayerSwitcher .layersDiv .dataLbl{margin-top:3px;margin-left:3px;margin-bottom:3px;}.olControlLayerSwitcher .layersDiv .baseLayersDiv,.olControlLayerSwitcher .layersDiv .dataLayersDiv{padding-left:10px;}.olControlLayerSwitcher .maximizeDiv,.olControlLayerSwitcher .minimizeDiv{top:5px;right:0;cursor:pointer;}.olBingAttribution{color:#DDD;}span.olGoogleAttribution a{color:#77C;}.olControlNavToolbar,.olControlEditingToolbar{margin:5px 5px 0 0;}.olControlNavToolbar div,.olControlEditingToolbar div{background-image:url(img/editing_tool_bar.png);background-repeat:no-repeat;width:24px;height:22px;cursor:pointer;margin:0 0 5px 5px;}.olControlEditingToolbar{right:0;top:0;}.olControlNavToolbar{top:295px;left:9px;}.olControlEditingToolbar div{float:right;}.olControlNavToolbar .olControlNavigationItemInactive,.olControlEditingToolbar .olControlNavigationItemInactive{background-position:-103px -1px;}.olControlNavToolbar .olControlNavigationItemActive,.olControlEditingToolbar .olControlNavigationItemActive{background-position:-103px -24px;}.olControlNavToolbar .olControlZoomBoxItemInactive{background-position:-128px -1px;}.olControlNavToolbar .olControlZoomBoxItemActive{background-position:-128px -24px;}.olControlEditingToolbar .olControlDrawFeaturePointItemInactive{background-position:-77px -1px;}.olControlEditingToolbar .olControlDrawFeaturePointItemActive{background-position:-77px -24px;}.olControlEditingToolbar .olControlDrawFeaturePathItemInactive{background-position:-51px -1px;}.olControlEditingToolbar .olControlDrawFeaturePathItemActive{background-position:-51px -24px;}.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{background-position:-26px -1px;}.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive{background-position:-26px -24px;}div.olLayerDiv,.olControlNoSelect{-khtml-user-select:none;-moz-user-select:none;}.olControlOverviewMapMinimizeButton,.olControlOverviewMapMaximizeButton{bottom:80px;cursor:pointer;right:0;}.olPopupContent,.olFramedCloudPopupContent{overflow:auto;padding:5px;}.olDragDown,.olControlDragFeatureOver{cursor:move;}.olBingAttribution.road,.olGoogleAttribution{color:#333;}.olGoogleAttribution.hybrid,.olGoogleAttribution.satellite,span.olGoogleAttribution.hybrid a,span.olGoogleAttribution.satellite a{color:#EEE;} | |
| 2 | 0 | \ No newline at end of file |
js/guias.js
| ... | ... | @@ -99,7 +99,7 @@ i3GEO.guias = |
| 99 | 99 | CONFIGURA : { |
| 100 | 100 | "zoomanterior" : { |
| 101 | 101 | icone : "imagens/gisicons/zoom-last.png", |
| 102 | - titulo : $trad("d2"), | |
| 102 | + titulo : "", | |
| 103 | 103 | id : "guiaZoomanterior", |
| 104 | 104 | idconteudo : "", |
| 105 | 105 | click : function() { |
| ... | ... | @@ -134,7 +134,7 @@ i3GEO.guias = |
| 134 | 134 | }, |
| 135 | 135 | "zoomproximo" : { |
| 136 | 136 | icone : "imagens/gisicons/zoom-next.png", |
| 137 | - titulo : $trad("d2"), | |
| 137 | + titulo : "", | |
| 138 | 138 | id : "guiaZoomproximo", |
| 139 | 139 | idconteudo : "", |
| 140 | 140 | click : function() { | ... | ... |
js/ini_i3geo.js
| ... | ... | @@ -795,10 +795,10 @@ var i3GEO = { |
| 795 | 795 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
| 796 | 796 | menos = 0; |
| 797 | 797 | //se for mobile |
| 798 | - if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
| 799 | - menos = 20; | |
| 800 | - i3GEO.configura.autotamanho = true; | |
| 801 | - } | |
| 798 | + //if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
| 799 | + // menos = 20; | |
| 800 | + // i3GEO.configura.autotamanho = true; | |
| 801 | + //} | |
| 802 | 802 | temp = $i("contemFerramentas"); |
| 803 | 803 | if (temp |
| 804 | 804 | && temp.style |
| ... | ... | @@ -903,9 +903,9 @@ var i3GEO = { |
| 903 | 903 | diminuiy = (navm) ? i3GEO.configura.diminuiyM : i3GEO.configura.diminuiyN; |
| 904 | 904 | menos = 0; |
| 905 | 905 | //se for mobile |
| 906 | - if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
| 907 | - menos = 20; | |
| 908 | - } | |
| 906 | + //if(i3GEO.Interface.ALTTABLET === "" && DetectaMobile("DetectMobileLong") === true){ | |
| 907 | + // menos = 20; | |
| 908 | + //} | |
| 909 | 909 | temp = $i("contemFerramentas"); |
| 910 | 910 | if (temp |
| 911 | 911 | && temp.style |
| ... | ... | @@ -922,7 +922,7 @@ var i3GEO = { |
| 922 | 922 | $i("ferramentas").style.width, |
| 923 | 923 | 10); |
| 924 | 924 | } |
| 925 | - document.body.style.width = "99%"; | |
| 925 | + document.body.style.width = "100%"; | |
| 926 | 926 | temp = i3GEO.util.tamanhoBrowser(); |
| 927 | 927 | novow = temp[0]; |
| 928 | 928 | novoh = temp[1]; | ... | ... |