Commit 330a1da28f915b098922e549a62f006e951d6d3b

Authored by Edmar Moretti
1 parent 03198311

--no commit message

Showing 2 changed files with 162 additions and 174 deletions   Show diff stats
interface/osmdebug.htm
  1 +
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html> 3 <html>
3 <head> 4 <head>
4 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> 5 <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 HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="viewport" content="width=device-width, initial-scale=1">
7 -<title>i3GEO - OpenLayers+OSM</title>  
8 -<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>  
9 -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> 8 +<title>i3GEO - OpenLayers</title>
  9 +<script src="../pacotes/ol3/ol-debug.js"></script>
  10 +<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="../css/black.css">
  12 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
11 <style> 13 <style>
12 .ol-zoom { 14 .ol-zoom {
13 padding-left: 4px; 15 padding-left: 4px;
@@ -26,17 +28,21 @@ @@ -26,17 +28,21 @@
26 .ol-attribution.ol-uncollapsible { 28 .ol-attribution.ol-uncollapsible {
27 height: 2.1em; 29 height: 2.1em;
28 right: 24px; 30 right: 24px;
  31 + background: none;
  32 + margin-bottom: 15px;
29 } 33 }
  34 +
30 </style> 35 </style>
31 </head> 36 </head>
32 <body id="i3geo" style='margin-left: 7px; background: white;'> 37 <body id="i3geo" style='margin-left: 7px; background: white;'>
  38 +
33 <!-- inclui o nome do usuario logado --> 39 <!-- inclui o nome do usuario logado -->
34 <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> 40 <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
35 <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> 41 <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
36 <tr> 42 <tr>
37 <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> 43 <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
38 <!--menu suspenso--> 44 <!--menu suspenso-->
39 - <div id="menus" style="height: 0px;"></div> 45 + <div id="menus" style="height: 30px;"></div>
40 </td> 46 </td>
41 </tr> 47 </tr>
42 <tr> 48 <tr>
@@ -66,6 +72,7 @@ @@ -66,6 +72,7 @@
66 <td class=fundoRodape style="width: 20%"> 72 <td class=fundoRodape style="width: 20%">
67 <!-- bot&atilde;o de compartilhamento em redes sociais--> 73 <!-- bot&atilde;o de compartilhamento em redes sociais-->
68 <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> --> 74 <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  75 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
69 <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div> 76 <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
70 </td> 77 </td>
71 <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma --> 78 <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
@@ -79,10 +86,10 @@ @@ -79,10 +86,10 @@
79 </table> 86 </table>
80 <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> 87 <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
81 <tr> 88 <tr>
82 - <td> 89 + <td style="height: 30px">
83 <div id=versaoi3geo></div> 90 <div id=versaoi3geo></div>
84 - <h2 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>  
85 - <h3 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3> 91 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  92 + <h3 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3>
86 </td> 93 </td>
87 </tr> 94 </tr>
88 <tr> 95 <tr>
@@ -99,16 +106,20 @@ @@ -99,16 +106,20 @@
99 </tr> 106 </tr>
100 </table> 107 </table>
101 108
102 - <div id="i3GEOguiaMovel" style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">  
103 - <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' width='0px' src='../imagens/openbars.png'>  
104 - <div id="i3GEOguiaMovelMolde" style="box-shadow: -2px 0 2px gray; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">  
105 - <div id="i3GEOguiaMovelIcones" style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div>  
106 - <div id="i3GEOguiaMovelConteudo" style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> 109 + <div id="i3GEOguiaMovel" style="visibility: hidden; position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">
  110 + <div style="cursor: pointer; position: absolute; top: 50%; margin-top: -65px; width: 30px; z-index: 5000; left: 18px;">
  111 + <div id="iconeGuia_temas"></div>
  112 + <div id="iconeGuia_adiciona" style="margin-top: 3px;"></div>
  113 + <div id="iconeGuia_legenda" style="margin-top: 3px;"></div>
  114 + <div id="iconeGuia_dobraPagina" style="margin-top: 3px;"></div>
  115 + </div>
  116 + <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">
  117 + <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'>
107 <div id='guia1obj' style='display: none;'> 118 <div id='guia1obj' style='display: none;'>
108 <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico --> 119 <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
109 <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div> 120 <div style='left: 5px; top: 10px; width: 150px;' id=buscaRapida></div>
110 <!-- Esta div acrescenta a lista de propriedades do mapa --> 121 <!-- Esta div acrescenta a lista de propriedades do mapa -->
111 - <div id=listaPropriedades style='top: 15px;'></div> 122 + <!--<div id=listaPropriedades style='top:15px;' ></div>-->
112 <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> 123 <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
113 <div id=listaLayersBase style='top: 15px;'></div> 124 <div id=listaLayersBase style='top: 15px;'></div>
114 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual --> 125 <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -121,33 +132,37 @@ @@ -121,33 +132,37 @@
121 <div id='guia4obj' style='display: none; text-align: left'> 132 <div id='guia4obj' style='display: none; text-align: left'>
122 <div id='legenda' style='text-align: left'></div> 133 <div id='legenda' style='text-align: left'></div>
123 </div> 134 </div>
124 - <div id='guia5obj' style='display: none; text-align: left'>  
125 - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>  
126 - </div> 135 + <!--
  136 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  137 + -->
127 </div> 138 </div>
128 </div> 139 </div>
129 </div> 140 </div>
130 -  
131 -  
132 <script> 141 <script>
133 - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"  
134 - + window.location.host + "/i3geo"; 142 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo";
135 i3GEO.configura.autotamanho = false; 143 i3GEO.configura.autotamanho = false;
136 i3GEO.Interface.ATUAL = "openlayers"; 144 i3GEO.Interface.ATUAL = "openlayers";
137 i3GEO.Interface.IDCORPO = "contemImg"; 145 i3GEO.Interface.IDCORPO = "contemImg";
  146 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  147 +
138 i3GEO.Interface.openlayers.TILES = true; 148 i3GEO.Interface.openlayers.TILES = true;
139 - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; 149 + i3GEO.Interface.openlayers.googleLike = true;
  150 +
  151 + i3GEO.configura.guardaExtensao = true;
  152 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza =
  153 + 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
140 154
141 i3GEO.cria(); 155 i3GEO.cria();
142 i3GEO.configura.mapaRefDisplay = "none"; 156 i3GEO.configura.mapaRefDisplay = "none";
  157 + i3GEO.barraDeBotoes.ATIVA = true;
143 i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; 158 i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
144 //ajusta o deslocamento da barra de botoes 159 //ajusta o deslocamento da barra de botoes
145 i3GEO.barraDeBotoes.OFFSET = 11; 160 i3GEO.barraDeBotoes.OFFSET = 11;
146 //ajusta a posicao da barra de botoes no IE 161 //ajusta a posicao da barra de botoes no IE
147 - if(navm){ 162 + if (navm) {
148 i3GEO.barraDeBotoes.OFFSET = 5; 163 i3GEO.barraDeBotoes.OFFSET = 5;
149 } 164 }
150 - if(chro){ 165 + if (chro) {
151 i3GEO.barraDeBotoes.OFFSET = 15; 166 i3GEO.barraDeBotoes.OFFSET = 15;
152 } 167 }
153 168
@@ -159,6 +174,7 @@ @@ -159,6 +174,7 @@
159 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true; 174 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
160 i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true; 175 i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
161 i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; 176 i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  177 + i3GEO.arvoreDeCamadas.MOSTRATITULO = true;
162 i3GEO.mapa.AUTORESIZE = true; 178 i3GEO.mapa.AUTORESIZE = true;
163 i3GEO.guias.TIPO = "movel"; 179 i3GEO.guias.TIPO = "movel";
164 i3GEO.guias.guiaMovel.config.topGuiaMovel = 36; 180 i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
@@ -167,33 +183,14 @@ @@ -167,33 +183,14 @@
167 if ($i("i3GEOlogoMarca")) { 183 if ($i("i3GEOlogoMarca")) {
168 $i("i3GEOlogoMarca").style.display = "none"; 184 $i("i3GEOlogoMarca").style.display = "none";
169 } 185 }
170 - i3GEO.mapa.insereDobraPagina("googlemaps",  
171 - "../imagens/dobragooglemaps.png"); 186 + //i3GEO.mapa.insereDobraPagina("googlemaps", "../imagens/dobragooglemaps.png");
172 }; 187 };
  188 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
173 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true; 189 i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
174 i3GEO.janela.TRANSICAOSUAVE = true; 190 i3GEO.janela.TRANSICAOSUAVE = true;
175 - OpenLayers.ImgPath = "../pacotes/openlayers/img/"; 191 + //desliga a camada com o mapa mundi
  192 + i3GEO.configura.mashuppar = "&desligar=mundo";
176 (function() { 193 (function() {
177 - function getTileURL(bounds) {  
178 - console.info(bounds)  
179 - var res = this.map.getResolution();  
180 - //var m = i3GEO.util.projGeo2OSM(i3geoOL.maxExtent);  
181 - //bounds = i3GEO.util.projGeo2OSM(bounds)  
182 - //this.map.zoomIn()  
183 - var m = (this.maxExtent);  
184 - var x = Math.round((bounds.left - m.left) / ((res) * 256));  
185 - var y = Math.round((m.top - bounds.top) / ((res) * 256));  
186 - var z = this.map.getZoom();  
187 - var limit = Math.pow(2, z);  
188 -  
189 - //if (y < 0 || y >= limit) {  
190 - // return OpenLayers.Util.getImagesLocation() + "404.png";  
191 - //} else {  
192 - x = ((x % limit) + limit) % limit;  
193 - return this.url + "x=" + x + "&y=" + y + "&z=" + (z); //+ "&ss=" + x + "-" + y + "-" + z  
194 - //}  
195 - }  
196 -  
197 var attribOSMData = 'Map Data: &copy; <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors'; 194 var attribOSMData = 'Map Data: &copy; <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors';
198 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">'; 195 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">';
199 var attribMapQuestAerial = 'Map Data: &copy; 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">'; 196 var attribMapQuestAerial = 'Map Data: &copy; 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">';
@@ -201,119 +198,118 @@ @@ -201,119 +198,118 @@
201 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>'; 198 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>';
202 var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA'; 199 var attribStamen = 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA';
203 var mapSurfer = 'Map data © OpenStreetMap contributors, Imagery GIScience Research Group @ Heidelberg University'; 200 var mapSurfer = 'Map data © OpenStreetMap contributors, Imagery GIScience Research Group @ Heidelberg University';
204 -  
205 - var aquarela = new OpenLayers.Layer.OSM("Aquarela",  
206 - "http://tile.stamen.com/watercolor/${z}/${x}/${y}.jpg", {  
207 - isBaseLayer : true,  
208 - visibility : false,  
209 - attribution: attribStamen,  
210 - tileOptions: {crossOriginKeyword: "anonymous"}  
211 - });  
212 -  
213 - var toner = new OpenLayers.Layer.OSM("Toner",  
214 - "http://tile.stamen.com/toner/${z}/${x}/${y}.jpg", {  
215 - isBaseLayer : true,  
216 - visibility : false,  
217 - attribution: attribStamen,  
218 - tileOptions: {crossOriginKeyword: "anonymous"}  
219 - });  
220 -  
221 - var tonerlite = new OpenLayers.Layer.OSM("Toner lite",  
222 - "http://tile.stamen.com/toner-lite/${z}/${x}/${y}.jpg", {  
223 - isBaseLayer : true,  
224 - visibility : false,  
225 - attribution: attribStamen,  
226 - tileOptions: {crossOriginKeyword: "anonymous"}  
227 - });  
228 -  
229 - var osm = new OpenLayers.Layer.OSM("OSM",  
230 - "http://tile.openstreetmap.org/${z}/${x}/${y}.png", {  
231 - isBaseLayer : true,  
232 - visibility : true,  
233 - attribution: attribOSMData,  
234 - tileOptions: {crossOriginKeyword: "anonymous"}  
235 - });  
236 -  
237 - var arrayMapQuestAerial = ["http://oatile1.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",  
238 - "http://oatile2.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",  
239 - "http://oatile3.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg",  
240 - "http://oatile4.mqcdn.com/tiles/1.0.0/sat/${z}/${x}/${y}.jpg"  
241 - ];  
242 201
243 - var layMapQuestAerial = new OpenLayers.Layer.OSM("MapQuest Open Aerial", arrayMapQuestAerial,{  
244 - displayOutsideMaxExtent: true,  
245 - attribution: attribMapQuestAerial, 202 + var osm = new ol.layer.Tile({
  203 + title : "OSM",
  204 + visible : true,
246 isBaseLayer : true, 205 isBaseLayer : true,
247 - visibility : false,  
248 - tileOptions: {crossOriginKeyword: "anonymous"}  
249 - }); 206 + name : "osm",
  207 + source: new ol.source.OSM({
  208 + attributions : [new ol.Attribution({html: attribOSMData})],
  209 + crossOrigin : "anonymous",
  210 + url : "http://tile.openstreetmap.org/${z}/${x}/${y}.png"
  211 + })
  212 + });
  213 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [osm];
250 214
251 - var layMSNOsmRoad = new OpenLayers.Layer.OSM("OSM Roads", ["http://korona.geog.uni-heidelberg.de/tiles/roads/x=${x}&y=${y}&z=${z}"], {  
252 - displayOutsideMaxExtent: true,  
253 - type : 'png',  
254 - //getURL : getTileURL, 215 + /*
  216 +
  217 + var eng = new ol.layer.Tile({
  218 + title : "ESRI National Geographic",
  219 + visible : true,
255 isBaseLayer : true, 220 isBaseLayer : true,
256 - visibility : false,  
257 - attribution : mapSurfer,  
258 - tileOptions: {crossOriginKeyword: "anonymous"} 221 + name : "eng",
  222 + source : new ol.source.TileArcGISRest({
  223 + url : "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer",
  224 + attributions: [
  225 + new ol.Attribution({
  226 + html: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  227 + })
  228 + ]
  229 + })
259 }); 230 });
260 -  
261 - var layMSNOsmRoadsGray =  
262 - new OpenLayers.Layer.TMS("OSM Roads Grayscale", "http://korona.geog.uni-heidelberg.de/tiles/roadsg/", {  
263 - type : 'png',  
264 - getURL : getTileURL,  
265 - displayOutsideMaxExtent : true,  
266 - isBaseLayer : true,  
267 - visibility : false,  
268 - attribution : mapSurfer  
269 - });  
270 -  
271 - var layMSNOsmBoundariesOverlay =  
272 - new OpenLayers.Layer.TMS("OSM Admin Boundaries (experimental)", "http://korona.geog.uni-heidelberg.de/tiles/adminb/", {  
273 - type : 'png',  
274 - getURL : getTileURL,  
275 - displayOutsideMaxExtent : true,  
276 - isBaseLayer : true,  
277 - visibility : false,  
278 - attribution : mapSurfer  
279 - });  
280 -  
281 - var layMSNOsmHybrid = new OpenLayers.Layer.OSM("OSM Semitransparent", "http://korona.geog.uni-heidelberg.de/tiles/hybrid/x=${x}&y=${y}&z=${z}", {  
282 - displayOutsideMaxExtent: true,  
283 - visibility : false, 231 + var oce = new ol.layer.Tile({
  232 + title : "ESRI Ocean Basemap",
  233 + visible : false,
284 isBaseLayer : true, 234 isBaseLayer : true,
285 - attribution : mapSurfer,  
286 - tileOptions: {crossOriginKeyword: "anonymous"} 235 + name : "oce",
  236 + source : new ol.source.TileArcGISRest({
  237 + url : "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer",
  238 + attributions: [
  239 + new ol.Attribution({
  240 + html: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  241 + })
  242 + ]
  243 + })
  244 + });
  245 + var ims = new ol.layer.Tile({
  246 + title : "ESRI Imagery World 2D",
  247 + visible : false,
  248 + isBaseLayer : true,
  249 + name : "ims",
  250 + source : new ol.source.TileArcGISRest({
  251 + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer",
  252 + attributions: [
  253 + new ol.Attribution({
  254 + html: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  255 + })
  256 + ]
  257 + })
  258 + });
  259 + var wsm = new ol.layer.Tile({
  260 + title : "ESRI World Street Map",
  261 + visible : false,
  262 + isBaseLayer : true,
  263 + name : "wsm",
  264 + source : new ol.source.TileArcGISRest({
  265 + url : "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer",
  266 + attributions: [
  267 + new ol.Attribution({
  268 + html: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  269 + })
  270 + ]
  271 + })
  272 + });
  273 + var bra = new ol.layer.Tile({
  274 + title : "Base carto MMA",
  275 + visible : false,
  276 + isBaseLayer : true,
  277 + name : "bra",
  278 + source : new ol.source.TileWMS({
  279 + url : "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map&",
  280 + params : {
  281 + 'layers' : "baseraster",
  282 + 'srs' : "EPSG:4326",
  283 + 'format' : "image/png"
  284 + }
  285 + })
  286 + });
  287 + var tms = new ol.layer.Tile({
  288 + title : "OSGEO",
  289 + visible : false,
  290 + isBaseLayer : true,
  291 + name : "tms",
  292 + source : new ol.source.TileWMS({
  293 + url : "http://tilecache.osgeo.org/wms-c/Basic.py/",
  294 + params : {
  295 + 'layers' : "basic",
  296 + 'type' : "png",
  297 + 'srs' : "EPSG:4326",
  298 + 'format' : "image/png",
  299 + 'VERSION' : '1.1.1'
  300 + },
  301 + attributions: [
  302 + new ol.Attribution({
  303 + html: '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  304 + })
  305 + ]
  306 + })
287 }); 307 });
288 -  
289 - var layMSNAsterHillshade =  
290 - new OpenLayers.Layer.TMS(  
291 - "ASTER GDEM & SRTM Hillshade (experimental)",  
292 - "http://korona.geog.uni-heidelberg.de/tiles/asterh/",  
293 - {  
294 - type : 'png',  
295 - getURL : getTileURL,  
296 - displayOutsideMaxExtent : true,  
297 - isBaseLayer : true,  
298 - visibility : false,  
299 - attribution : mapSurfer  
300 - });  
301 -  
302 - var layMSNAsterContours =  
303 - new OpenLayers.Layer.TMS("ASTER GDEM Contour Lines (zoom 13-17)", "http://korona.geog.uni-heidelberg.de/tiles/asterc/", {  
304 - type : 'png',  
305 - getURL : getTileURL,  
306 - displayOutsideMaxExtent : true,  
307 - isBaseLayer : true,  
308 - visibility : false,  
309 - attribution : mapSurfer  
310 - });  
311 -  
312 i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ 308 i3GEO.Interface.openlayers.LAYERSADICIONAIS = [
313 - osm, aquarela, toner, tonerlite, layMapQuestAerial, layMSNOsmRoad,layMSNOsmRoadsGray,layMSNOsmBoundariesOverlay,layMSNOsmHybrid,layMSNAsterHillshade,layMSNAsterContours 309 + eng, oce, ims, wsm, bra, tms
314 ]; 310 ];
  311 + */
315 })(); 312 })();
316 - i3GEO.Interface.openlayers.googleLike = true;  
317 i3GEO.inicia(); 313 i3GEO.inicia();
318 </script> 314 </script>
319 </body> 315 </body>
@@ -2925,7 +2925,7 @@ i3GEO.util = @@ -2925,7 +2925,7 @@ i3GEO.util =
2925 * Converte string 'xmin ymin xmax ymax' ou 'xmin ymin' de geo para a projecao OSM 2925 * Converte string 'xmin ymin xmax ymax' ou 'xmin ymin' de geo para a projecao OSM
2926 */ 2926 */
2927 extGeo2OSM : function(ext, retornaArray) { 2927 extGeo2OSM : function(ext, retornaArray) {
2928 - var metrica, point, proj900913, projWGS84, temp, sep; 2928 + var metrica, point, temp, sep;
2929 sep = " "; 2929 sep = " ";
2930 if (typeof ext == "object") { 2930 if (typeof ext == "object") {
2931 return i3GEO.util.projGeo2OSM(ext); 2931 return i3GEO.util.projGeo2OSM(ext);
@@ -2937,15 +2937,13 @@ i3GEO.util = @@ -2937,15 +2937,13 @@ i3GEO.util =
2937 temp = ext.split(sep); 2937 temp = ext.split(sep);
2938 } 2938 }
2939 if (temp[0] * 1 <= 180 && temp[0] * 1 >= -180) { 2939 if (temp[0] * 1 <= 180 && temp[0] * 1 >= -180) {
2940 - projWGS84 = new OpenLayers.Projection("EPSG:4326");  
2941 - proj900913 = new OpenLayers.Projection("EPSG:900913");  
2942 - point = new OpenLayers.LonLat(temp[0], temp[1]);  
2943 - metrica = point.transform(projWGS84, proj900913);  
2944 - ext = metrica.lon + sep + metrica.lat; 2940 + point = new ol.geom.Point([temp[0], temp[1]]);
  2941 + metrica = point.transform("EPSG:4326","EPSG:900913");
  2942 + ext = metrica.getCoordinates()[0] + sep + metrica.getCoordinates()[1];
2945 if (temp.length > 2) { 2943 if (temp.length > 2) {
2946 - point = new OpenLayers.LonLat(temp[2], temp[3]);  
2947 - metrica = point.transform(projWGS84, proj900913);  
2948 - ext += sep + metrica.lon + sep + metrica.lat; 2944 + point = new ol.geom.Point([temp[2], temp[3]]);
  2945 + metrica = point.transform("EPSG:4326","EPSG:900913");
  2946 + ext += sep + metrica.getCoordinates()[0] + sep + metrica.getCoordinates()[1];
2949 } 2947 }
2950 } 2948 }
2951 } 2949 }
@@ -2961,7 +2959,7 @@ i3GEO.util = @@ -2961,7 +2959,7 @@ i3GEO.util =
2961 * Converte string 'xmin ymin xmax ymax' ou 'xmin ymin' de geo para a projecao OSM 2959 * Converte string 'xmin ymin xmax ymax' ou 'xmin ymin' de geo para a projecao OSM
2962 */ 2960 */
2963 extOSM2Geo : function(ext, retornaArray) { 2961 extOSM2Geo : function(ext, retornaArray) {
2964 - var metrica, point, proj900913, projWGS84, temp, sep; 2962 + var metrica, point, temp, sep;
2965 sep = " "; 2963 sep = " ";
2966 if (typeof ext == "object") { 2964 if (typeof ext == "object") {
2967 return i3GEO.util.projOSM2Geo(ext); 2965 return i3GEO.util.projOSM2Geo(ext);
@@ -2973,15 +2971,13 @@ i3GEO.util = @@ -2973,15 +2971,13 @@ i3GEO.util =
2973 temp = ext.split(sep); 2971 temp = ext.split(sep);
2974 } 2972 }
2975 if (temp[0] * 1 >= 180 || temp[0] * 1 <= -180) { 2973 if (temp[0] * 1 >= 180 || temp[0] * 1 <= -180) {
2976 - projWGS84 = new OpenLayers.Projection("EPSG:4326");  
2977 - proj900913 = new OpenLayers.Projection("EPSG:900913");  
2978 - point = new OpenLayers.LonLat(temp[0], temp[1]);  
2979 - metrica = point.transform(proj900913, projWGS84);  
2980 - ext = metrica.lon + sep + metrica.lat; 2974 + point = new ol.geom.Point([temp[0], temp[1]]);
  2975 + metrica = point.transform("EPSG:900913","EPSG:4326");
  2976 + ext = metrica.getCoordinates()[0] + sep + metrica.getCoordinates()[1];
2981 if (temp.length > 2) { 2977 if (temp.length > 2) {
2982 - point = new OpenLayers.LonLat(temp[2], temp[3]);  
2983 - metrica = point.transform(proj900913, projWGS84);  
2984 - ext += sep + metrica.lon + sep + metrica.lat; 2978 + point = new ol.geom.Point([temp[2], temp[3]]);
  2979 + metrica = point.transform("EPSG:900913","EPSG:4326");
  2980 + ext += sep + metrica.getCoordinates()[0] + sep + metrica.getCoordinates()[1];
2985 } 2981 }
2986 } 2982 }
2987 } 2983 }
@@ -2998,9 +2994,7 @@ i3GEO.util = @@ -2998,9 +2994,7 @@ i3GEO.util =
2998 */ 2994 */
2999 projOSM2Geo : function(obj) { 2995 projOSM2Geo : function(obj) {
3000 if (i3GEO.Interface.openlayers.googleLike === true) { 2996 if (i3GEO.Interface.openlayers.googleLike === true) {
3001 - projWGS84 = new OpenLayers.Projection("EPSG:4326");  
3002 - proj900913 = new OpenLayers.Projection("EPSG:900913");  
3003 - obj = obj.transform(proj900913, projWGS84); 2997 + obj = obj.transform("EPSG:900913","EPSG:4326");
3004 } 2998 }
3005 return obj; 2999 return obj;
3006 }, 3000 },
@@ -3011,9 +3005,7 @@ i3GEO.util = @@ -3011,9 +3005,7 @@ i3GEO.util =
3011 */ 3005 */
3012 projGeo2OSM : function(obj) { 3006 projGeo2OSM : function(obj) {
3013 if (i3GEO.Interface.openlayers.googleLike === true) { 3007 if (i3GEO.Interface.openlayers.googleLike === true) {
3014 - projWGS84 = new OpenLayers.Projection("EPSG:4326");  
3015 - proj900913 = new OpenLayers.Projection("EPSG:900913");  
3016 - obj = obj.transform(projWGS84, proj900913); 3008 + obj = obj.transform("EPSG:4326","EPSG:900913");
3017 } 3009 }
3018 return obj; 3010 return obj;
3019 }, 3011 },
@@ -3400,7 +3392,7 @@ i3GEO.util = @@ -3400,7 +3392,7 @@ i3GEO.util =
3400 }, 3392 },
3401 /** 3393 /**
3402 * Function: uid 3394 * Function: uid
3403 - * 3395 + *
3404 * Retorna um ID unico baseado no tempo 3396 * Retorna um ID unico baseado no tempo
3405 */ 3397 */
3406 uid : function(){ 3398 uid : function(){