CINXE.COM
脕reas Protegidas - Naturatins
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="pt-br" xmlns="http://www.w3.org/1999/xhtml" lang="pt-br"><head> <title>脕reas Protegidas - Naturatins</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Cache-Control" content="no-cache, no-store"> <meta http-equiv="Pragma" content="no-cache, no-store"> <meta http-equiv="expires" content="Mon, 06 Jan 1990 00:00:01 GMT"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="robots" content=""> <meta name="rating" content="General"> <meta name="author" content="Secretaria da Comunica莽茫o - Governo do Tocantins"> <meta name="language" content="pt-br"> <link rel="shortcut icon" href="http://web.secom.to.gov.br/img/favicon.gif"> <link rel="stylesheet" href="/site_media/publico/css/default.css"> <link rel="stylesheet" href="/site_media/publico/css/grid.css" media="screen"> <link rel="stylesheet" href="/site_media/publico/css/layout.css" media="screen"> <style type="text/css"> #logo-uc { position: absolute; top: 110px; margin-left: 10px; } </style> <style type="text/css"> #mapa { width: 100%; height: 400px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="/site_media/publico/js/efeitos.js"></script> <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script> <script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script> <script type="text/javascript" src="/site_media//js/jquery-1.4.min.js"></script> <script type="text/javascript" src="/site_media//js/jquery.form.js"></script> <script type="text/javascript"> var $j = jQuery.noConflict(); </script> <script type="text/javascript"> var mapa; function init_map(){ var options = { projection: new OpenLayers.Projection("EPSG:900913"), displayProjection: new OpenLayers.Projection("EPSG:4326"), units: "m", numZoomLevels: 18, maxResolution: 156543.0339, maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34), restrictedExtent: new OpenLayers.Bounds(-5868626, -1536609, -4766723, -552659) }; mapa = new OpenLayers.Map('mapa', options); var ghyb = new OpenLayers.Layer.Google( "Google H铆brido", {type: google.maps.MapTypeId.HYBRID, 'sphericalMercator': true} ); mapa.addLayer(ghyb); var uc = new OpenLayers.Layer.Vector("Unidade de Conserva莽茫o", { projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/uc/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var atrativo = new OpenLayers.Layer.Vector("Pontos Atrativos", { projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/atrativo/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var foto = new OpenLayers.Layer.Vector("Pontos com Fotos", { projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/foto/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var zoneamento = new OpenLayers.Layer.Vector("Zoneamentos", { projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/zoneamento/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var plano = new OpenLayers.Layer.Vector("Propriedades em Queimadas controladas", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/propriedade/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); /*var rotafiscalizacao = new OpenLayers.Layer.Vector("Rotas de Fiscaliza莽茫o", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/rotafiscalizacao/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) });*/ /*var subrotafiscalizacao = new OpenLayers.Layer.Vector("Sub Rotas de Fiscaliza莽茫o", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/subrotafiscalizacao/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) });*/ /*var combateincendio = new OpenLayers.Layer.Vector("Combates a Incendios", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/combateincendio/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) });*/ var recuperacaoarea = new OpenLayers.Layer.Vector("Recupera莽茫o de 脕reas", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/recuperacaoarea/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var erosaosolo = new OpenLayers.Layer.Vector("Uso do Solo- Eros茫o", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/erosaosolo/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var especieexotica = new OpenLayers.Layer.Vector("Esp茅cies Ex贸ticas e Invasoras", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/especieexotica/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var monitoramentoespecieexotica = new OpenLayers.Layer.Vector("Monitoramento de Esp茅cies Ex贸ticas e Invasoras", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/monitoramentoespecie/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); var qualidadeagua = new OpenLayers.Layer.Vector("Qualidade da 脕gua", { visibility: false, projection: mapa.displayProjection, strategies: [new OpenLayers.Strategy.Fixed()], protocol: new OpenLayers.Protocol.HTTP({ url: "/qualidadeagua/kml/48/", format: new OpenLayers.Format.KML({ extractStyles: true, extractAttributes: true }) }) }); mapa.addLayer(uc); mapa.addLayer(atrativo); mapa.addLayer(foto); mapa.addLayer(zoneamento); mapa.addLayer(plano); /*mapa.addLayer(rotafiscalizacao); mapa.addLayer(subrotafiscalizacao); mapa.addLayer(combateincendio);*/ mapa.addLayer(recuperacaoarea); mapa.addLayer(erosaosolo); mapa.addLayer(especieexotica); mapa.addLayer(monitoramentoespecieexotica); mapa.addLayer(qualidadeagua); ls = new OpenLayers.Control.LayerSwitcher(); mapa.addControl(ls); uc.events.register('loadend', uc, function(){ this.map.zoomToExtent(this.getDataExtent()); }); if (!mapa.getCenter()) {mapa.zoomToMaxExtent();} ls.maximizeControl(); select = new OpenLayers.Control.SelectFeature([atrativo, foto, zoneamento, plano, /*rotafiscalizacao, subrotafiscalizacao, combateincendio,*/ recuperacaoarea, erosaosolo, especieexotica, monitoramentoespecieexotica, qualidadeagua]); atrativo.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); foto.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); zoneamento.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); plano.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); /*rotafiscalizacao.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); subrotafiscalizacao.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); combateincendio.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect });*/ recuperacaoarea.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); erosaosolo.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); especieexotica.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); monitoramentoespecieexotica.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); qualidadeagua.events.on({ "featureselected": onFeatureSelect, "featureunselected": onFeatureUnselect }); mapa.addControl(select); select.activate(); } function onPopupClose(evt) { select.unselectAll(); } function onFeatureSelect(event) { var feature = event.feature; // Since KML is user-generated, do naive protection against // Javascript. var content = "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description; if (content.search("<script") != -1) { content = "Content contained Javascript! Escaped content below.<br />" + content.replace(/</g, "<"); } popup = new OpenLayers.Popup.FramedCloud("chicken", feature.geometry.getBounds().getCenterLonLat(), new OpenLayers.Size(100,100), content, null, true, onPopupClose); feature.popup = popup; mapa.addPopup(popup); } function onFeatureUnselect(event) { var feature = event.feature; if(feature.popup) { mapa.removePopup(feature.popup); feature.popup.destroy(); delete feature.popup; } } function cb_refresh_map() { var l = mapa.layers[1]; l.refresh(); } $(document).ready(function(){ init_map(); $j("#form-ponto").ajaxForm({ dataType: 'json', success: function(response) { if(response.erros){ $j('#form-ponto .warning').html(response.erros).show(); } else { $j('#form-ponto .warning').hide(); procuraPonto(response.x, response.y); } } }); }); function procuraPonto(x, y){ var c = new OpenLayers.LonLat(x,y); var p = new OpenLayers.Geometry.Point(x,y); mapa.setCenter(c,10); l = mapa.getLayersByName('Zoneamentos'); if(l.length) l = l[0]; sel = mapa.getControlsByClass('OpenLayers.Control.SelectFeature'); if(sel.length) sel = sel[0]; sel.unselectAll(); for(i=0; i<l.features.length; i++){ f = l.features[i]; if(p.intersects(f.geometry)) sel.select(f); } return false; } </script> </head><body> <div> <script src="http://barra.to.gov.br/topo.js?k=gesto" type="text/javascript"></script> </div> <div id="geral" class="container_24"> <div id="topo"><img src="/site_media/publico/images/topo.jpg" height="150" width="960"></div> <div id="menu"> <ul> <li><a href="/">GESTO</a></li> <li><a href="/uc/">Unidades de Conserva莽茫o</a></li> <li><a href="/uc/48/">Inicial</a></li> <li><a href="/uc/48/documentos/">Documentos</a></li> <li><a href="/uc/48/fotos/">Fotos</a></li> <li><a href="/uc/48/mapa/">Mapa</a></li> <li><a href="/uc/48/financeiro/">Financeiro</a></li> </ul> </div> <div id="conteudo" class="grid_24"> <div id="boasvindas"> <span class="titulo">Parque Nacional do Araguaia<span>Mapa</span></span> </div> <div id="ponto"> <form id="form-ponto" action="/transforma_ponto/"> <div class="form-line"> <div class="field" id="field_ponto_proj"> <label for="id_ponto_proj">Proje莽茫o</label> <span class="required" title="Obrigat贸rio">*</span><br /> <select name="ponto_proj" id="id_ponto_proj"> <option value="4618">Geogr谩fica</option> <option value="29192">UTM - 22 S</option> <option value="29193">UTM - 23 S</option> </select> </div> <div class="field" id="field_ponto"> <label for="id_ponto_0">Ponto</label> <span class="required" title="Obrigat贸rio">*</span><br /> X: <input type="text" name="ponto_0" id="id_ponto_0" /> Y: <input type="text" name="ponto_1" id="id_ponto_1" /> </div> <div class="field"> <br /><input type="submit" class="button-small" value="Pesquisar"> </div> </div> <div class="warning" style="display:none"></div> </form> </div> <div id="mapa"></div> </div> <div id="barra-final"> <p>脕reas Protegidas - Telefone: (63) 3218-2678 </p> </div> </div> <script type="text/javascript" charset="utf-8" src="http://barra.to.gov.br/base.js?k=gesto"></script> </body></html>