JJJ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.
dtd"> <html> <head> <title>GIS - SEP(DF)</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF8"> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/extall.css" /> <link rel="stylesheet" type="text/css" href="js/extjs/resources/ css/xtheme-human.css" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% } .infowindow { font-family: arial,tahoma,verdana,helvetica; font-size: 12px; } .home-icon { background: url('images/icons/house.png') no-repeat 0 0 !importa nt; } .elementos-icon { background: url('images/icons/marker.png') no-re peat 0 0 !important; } .buscar-icon { background: url('images/icons/find.png') no-repe at 0 0 !important; } .ageb-icon { background: url('images/icons/application-block. png') no-repeat 0 0 !important; } .deshacer-ultimo-icon { background: url('images/icons/arrow-curve-180.pn g') no-repeat 0 0 !important; } .deshacer-todo-icon { background: url('images/icons/arrow-curve-180-do uble.png') no-repeat 0 0 !important;
} .calcular-ruta-icon { background: url('images/icons/direction.png') no -repeat 0 0 !important; } .medir-distancia-icon { background: url('images/icons/ruler.png') no-rep eat 0 0 !important; } .medir-area-icon { background: url('images/icons/ruler_square.png') no-repeat 0 0 !important; } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?s ensor=false&language=es&v=3.4"></script> <script type="text/javascript" src="js/markerclusterer.js"></script> <script type="text/javascript" src="js/geoxml3.js"></script> <script type="text/javascript" src="js/Directions.js"></script> <script type="text/javascript" src="js/AreaCalculator.js"></scri pt> <script type="text/javascript" src="js/DistanceCalculator.js"></ script> <script type="text/javascript" src="js/extjs/adapter/ext/ext-base.js"></ script> <script type="text/javascript" src="js/extjs/ext-all.js"></script> <script type="text/javascript" src="js/lib/ext-components.js"></ script> <script type="text/javascript" src="js/extjs/ux/ux-all.js"></scr ipt> <script type="text/javascript" src="js/jquery-1.4.2.js"></script > <script type="text/javascript" src="js/ToolWindow.js"></script>  <script type="text/javascript" src="js/CCTDetalleForm.ui.js"></s cript> <script type="text/javascript" src="js/CCTDetalleForm.js"></scri pt> <script type="text/javascript" src="js/CCTDetalleWindow.ui.js">< /script> <script type="text/javascript" src="js/CCTDetalleWindow.js"></sc ript> <script type="text/javascript"> var GIS = { remoteServerAddress : 'http://www6.sepdf.gob.mx' }; var pathToDwrServlet = GIS.remoteServerAddress + '/siie/ dwr'; </script> 
 <script type="text/javascript" src="http://www6.sepdf.gob.mx/sii e/dwr/engine.js"></script> <script type="text/javascript" src="http://www6.sepdf.gob.mx/sii e/dwr/interface/ConsultasGIS.js"></script> <script type="text/javascript"> if ((typeof Range !== "undefined") && !Range.prototype.createCon textualFragment) { Range.prototype.createContextualFragment = function(html ) { var frag = document.createDocumentFragment(), div = document.createElement("div"); frag.appendChild(div); div.outerHTML = html; return frag; }; } </script> <script type="text/javascript"> var kmlManager = null; var layersTematicos = []; var urlDelegaciones = "http://gis.sepdf.gob.mx/geoserver /wms/reflect?layers=sepdf:delegaciones_df&kmattr=false&format=application/vnd.go ogle-earth.kml+XML"; function KmlManager() { this.layers = [];//this.cont = 0; }; KmlManager.prototype.addLayer = function(layerUrl) { if (urlDelegaciones==layerUrl) this.layers.push(new google.maps.KmlLaye r(layerUrl, {preserveViewport:true, suppressInfoWindows:true})); else this.layers.push(new google.maps.KmlLaye r(layerUrl, {preserveViewport:true})); //this.delLayers.push(new google.maps.KmlLayer(l ayerUrl, {preserveViewport:true})); //this.layers.push(new google.maps.KmlLayer(laye rUrl)); }; KmlManager.prototype.setMap = function(map) { var layers = this.layers; function setMapLayer(i) { layers[i].setMap(map); google.maps.event.addListenerOnce(layers [i], 'metadata_changed', function() { if (i<layers.length-1) { setMapLayer(i+1); } else{
loadingWin.hide(); } }); }; setMapLayer(0); }; KmlManager.prototype.removeLayers = function() { var layers = this.layers; function destroyLayer() { for (var i = 0; i < layers.length; i++){ layers[i].setMap(null); } }; destroyLayer(); }; var capasCCTs = { 'INICIAL':{}, 'PREESCOLAR': {}, 'PRIMARIA': {}, 'SECUNDARIA': {}, 'ADUL_PRIM': {}, 'ADUL_SECUN': {}, 'ESPECIAL': {}, 'ADMVO': {} }; var clusterObjects = { // Objeto de MarkerClusterers 'INICIAL': null, 'PREESCOLAR': null, 'PRIMARIA': null, 'SECUNDARIA': null, 'ADUL_PRIM': null, 'ADUL_SECUN': null, 'ESPECIAL': null, 'ADMVO': null }; var geoKmlObjects = { 'INICIAL': null, // Objeto de CCT Markers 'PREESCOLAR': null, 'PRIMARIA': null, 'SECUNDARIA': null, 'ADUL_PRIM': null, 'ADUL_SECUN': null, 'ESPECIAL': null, 'ADMVO': null }; //var geoXmlObjects = { // Objeto GeoXML de Archivos KML //'INICIAL': null, //'PREESCOLAR': null, //'PRIMARIA': null, //'SECUNDARIA': null, //'ADUL_PRIM': null, //'ADUL_SECUN': null, //'ESPECIAL': null, //'ADMVO': null //};
var kmlCapas = {}; var iconObjects = { // Objeto de Iconos para CCT Markers 'INICIAL': "images/icons/cct/INICIAL.png", 'PREESCOLAR': "images/icons/cct/PREESCOLAR.png", 'PRIMARIA': "images/icons/cct/PRIMARIA.png", 'SECUNDARIA': "images/icons/cct/SECUNDARIA.png", 'ADUL_PRIM': "images/icons/cct/ADUL_PRIM.png", 'ADUL_SECUN': "images/icons/cct/ADUL_SECUN.png", 'ESPECIAL': "images/icons/cct/ESPECIAL.png", 'ADMVO': "images/icons/cct/ADMVO.png" }; function optionCluster(){ this.gridSize = 100; this.maxZoom = 15; this.styles = [{ // - concentrado a + concentrad o url: "images/icons/cct/m1.png", width: 53, height: 52 }, { url: "images/icons/cct/m2.png", width: 56, height: 55 }, { url: "images/icons/cct/m3.png", width: 66, height: 65 }, { url: "images/icons/cct/m4.png", width: 78, height: 77 }, { url: "images/icons/cct/m5.png", width: 90, height: 89 }] }; var optionsCluster = { gridSize: 100, styles: [ // - concentrado a + concentrado { url: "images/icons/cct/m1.png", width: 53, height: 52 }, { url: "images/icons/cct/m2.png", width: 56, height: 55 }, { url: "images/icons/cct/m3.png", width: 66, height: 65 }, { url: "images/icons/cct/m4.png", width: 78, height: 77
}, { url: "images/icons/cct/m5.png", width: 90, height: 89 }] }; var latlng = new google.maps.LatLng(19.31708, -99.13653); //19.29708 , -99.13653 var msgTitle = 'SIG - SEP(DF)'; var mapOptions = { zoom: 11, center: latlng, mapTypeControl: false, minZoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP //draggableCursor: 'default' }; var kmlLayerDelegacion; var cctMarkes = new Array(); var markerCluster; // Layer Service var kmlLayers = []; function initializeGoogleMaps(){ this.map = new google.maps.Map(document.getElementById("map_canv as"), mapOptions); createLayers(layersTematicos);//kmlManager.setMap(this.map) google.maps.event.addListener(map, 'idle', function(){ loadingWin.hide(); }); google.maps.event.addListener(map, 'tilesloaded', function(){ loadingWin.hide(); }); google.maps.event.addListener(map, 'projection_c hanged', function(){ }); google.maps.event.addListener(map, 'zoom_changed', function(){ / /11-20 loadingWin.show(); createLayers(layersTematicos, true); //mapZoom(); //zoomLevel = map.getZoom(); //if (zoomLevel <= 11 || zoomLevel >= 20) //loadingWin.hide(); //if (zoomLevel >= 15) { //if (!Ext.isEmpty(kmlLayerDelegacion.getMap())) { //kmlLayerDelegacion.setMap(null); //} //} //else { //if (Ext.isEmpty(kmlLayerDelegacion.getMap())) {
//kmlLayerDelegacion.setMap(map); //} //} }); }; function mapZoom(){ zoomLevel = map.getZoom(); if (zoomLevel >= 15) { //if (!Ext.isEmpty(kmlLayerDelegacion.ge tMap())) { //kmlLayerDelegacion.setMap(null ); //} } else { //if (Ext.isEmpty(kmlLayerDelegacion.get Map())) { //kmlLayerDelegacion.setMap(map) ; //rearrangeLayers(); //} } }; function attachInfoWindow(marker, tpl){ var infowindow = new google.maps.InfoWindow({}); google.maps.event.addListener(marker, 'click', function(){ var target = Ext.DomQuery.jsSelect('div[title=' + marker.tit le + ']'); this.targetMarker = target[0] Ext.Ajax.request({ url: "/geoserver/wfs?request=GetFeature&typename=sepdf:d f_cct&outputformat=json&featureID=" + marker.title, method: 'GET', timeout: 1000000, success: function(response, options){ var jsonMarkers = Ext.decode(response.responseText); var feature = jsonMarkers.features[0]; var template = new Ext.X Template(tpl); var html = template.appl y(feature.properties); html = '<div class="info window">' + html + '<br/><br/><input type="button" value="Ms informacin..." onclic k="showDetallePlantel(\'' + feature.properties.cct +'\');" />' + '</div>' infowindow.setContent(html); infowindow.open(this.map, marker); }, failure: function(response, options){ } }); }); }; function showDetallePlantel(cct) { var detalleCCTWin = new CCTDetalleWindow({
title: "Detalle del CCT [" + cct + "]", cct : cct }); detalleCCTWin.show(); } function showCluster(markers, layer){ loadingWin.show(); var optionsCluster = { gridSize: 100, maxZoom: 18 }; clusterObjects[layer] = new MarkerClusterer(map, markers, custimezeCluster(layer)); loadingWin.hide(); } function loadGeoXml(file){ //geoXmlObjects[file] = new geoXML3.parser(); //geoXmlObjects[file].parse('kml/' + file + '.kml'); loadingWin.show(); //elementosWindow.tree.disable(); Ext.Ajax.request({ url: "/geoserver/wfs?request=GetFeature& typename=sepdf:df_cct&outputformat=json&propertyName=cct,the_geom&cql_filter=lay er+=+'" + file + "'", method: 'GET', timeout: 1000000, success: function(response, options){ geoKmlObjects[file] = new Array( ); capasCCTs[file].markers = new Ar ray(); capasCCTs[file].loaded = true; var jsonMarkers = Ext.decode(response.responseText); for (var index = 0, len = jsonMa rkers.features.length; index < len; ++index) { var feature = jsonMarker s.features[index]; var marker = new google.maps.Marker({ position: new google.maps.LatLng(feature.geometr y.coordinates['0'], feature.geometry.coordinates['1']), map: map, animation: google.maps.Animation.DROP, title: feature.id, shadow: 'images/icons/googlemaps/shadow_new.png' , icon: iconObjects[file] }); attachInfoWindow(marker, capasCCTs[file].tpl); geoKmlObjects[file].push (marker); capasCCTs[file].markers. push(marker);//NEW }; showCluster(geoKmlObjects[file],
file); //elementosWindow.tree.enable(); loadingWin.hide(); }, failure: function(response, options){ //elementosWindow.tree.enable(); loadingWin.hide(); } }); }; function custimezeCluster(file){ var custumize = new optionCluster(); for (var i = 0; i < custumize.styles.length; i++) { custumize.styles[i].url = custumize.styles[i].url.replace("m " + (i + 1), file + "-m" + (i + 1)); } return custumize; }; function loadCCT(file, tpl){ //if (!geoXmlObjects[file]){ // Por el cambio al proxy //loadingWin.show(); if (!capasCCTs[file].loaded){ capasCCTs[file].tpl = tpl; loadGeoXml(file); } else{ geoKmlObjects[file] = geoKmlObjects[file ].concat(capasCCTs[file].markers); showCluster(geoKmlObjects[file], file); } //loadingWin.hide(); //geoKmlObjects[file] = new Array(); //for (i = 0; i < geoXmlObjects[file].docs[0].ma rkers.length; i++) { //var marker = new google.maps.Marker({ //position: new google.maps.LatL ng(geoXmlObjects[file].docs[0].markers[i].position.lat(), geoXmlObjects[file].do cs[0].markers[i].position.lng()), //map: map, //icon: iconObjects[file], //title: geoXmlObjects[file].doc s[0].markers[i].title //}); //attachInfoWindow(marker, capasCCTs[file].tpl); //geoKmlObjects[file].push(marker); //} //var optionsCluster = { //gridSize: 100, //maxZoom: 18 //}; //clusterObjects[file] = new MarkerClusterer(map, geoKmlObjects[ file], custimezeCluster(file)); //elementosWindow.tree.enable(); };
function destroyLayers(layers){ if (layers.length>0){ kmlManager.removeLayers();//kmlManager.s etMap(null); } //kmlManager.removeLayers(); kmlManager = new KmlManager(); //kmlManager.addLayer("http://50.16.241.126:8080 /geoserver/wms?service=WMS&request=GetMap&format=application/vnd.google-earth.km l+XML&width=1024&height=1024&srs=EPSG:4326&layers=sepdf:delegaciones_df&styles=& bbox=-99.36,19.04,-98.63,19.59&kmattr=false"); }; function createLayers(layers, refresh){ //var urlDelegaciones = "http://50.16.241.126:80 80/geoserver/wms/reflect?layers=sepdf:delegaciones_df&kmattr=false&format=applic ation/vnd.google-earth.kml+XML"; destroyLayers(layers); if (map.getZoom() < 15) { //if (!refresh){ var idx = layers.indexOf(urlDele gaciones); if(idx==-1) { layers.splice(0, 0, urlD elegaciones); } //} //else{ //layers.splice(0, 0, urlDelegac iones); //} //kmlManager.addLayer(); } else{ var idx = layers.indexOf(urlDelegaciones ); if(idx!=-1) layers.splice(idx, 1); } for (var i = 0; i < layers.length; i++){ kmlManager.addLayer(layers[i]); } if (layers.length>0) kmlManager.setMap(this.map) ; }; function addLayer(url){ var idx = layersTematicos.indexOf(url); if(idx==-1) layersTematicos.push(url); }; function removeLayer(url){ var idx = layersTematicos.indexOf(url); if(idx!=-1) layersTematicos.splice(idx, 1); }; function manageLayers(layer, checked, atributos){ //if (url.search(/file:/i) != -1) { // CCT elementosWindow.tree.disable();
if (atributos.tipo === 'cct') { // CCT if (checked) { //A mostrar loadCCT(layer, atributos.tpl); } else { clusterObjects[layer].removeMarkers(geoKmlObjects[layer] ); geoKmlObjects[layer] = new Array(); // Se quita la varia ble por el cambio al proxy } } else { //Capas tem ticas loadingWin.show(); if (checked) { //A mostrar //if (!kmlCapas[layer]){ //kmlCapas[layer] = new google.maps.KmlLayer(url); //} //kmlCapas[layer].setMap(this.ma p); //google.maps.event.addListener( kmlCapas[layer], 'defaultviewport_changed', function(){ //}); //kmlManager = new KmlManager(); //kmlManager.addLayer("http://50 .16.241.126:8080/geoserver/wms?service=WMS&request=GetMap&format=application/vnd .google-earth.kml+XML&width=1024&height=1024&srs=EPSG:4326&layers=sepdf:delegaci ones_df&styles=&bbox=-99.36,19.04,-98.63,19.59&kmattr=false");
//cleanLayers(); addLayer(atributos.url); createLayers(layersTematicos); //kmlManager.addLayer(url); //kmlManager.setMap(this.map); } else {//A ocultar //kmlCapas[layer].setMap(null); removeLayer(atributos.url); createLayers(layersTematicos); //elementosWindow.tree.enable(); } //loadingWin.hide(); } elementosWindow.tree.enable(); } function toolToggleGroup(button, pressed){ this.map.setOptions({ draggableCursor: '' });
if (this.winDirection.isVisible()){ disableDirections(); this.winDirection.hide(); } if (this.winDistance.isVisible()){ disableDistanceCalculator(); this.winDistance.hide(); } if (this.winArea.isVisible()){ disableAreaCalculator(); this.winArea.hide(); } if (pressed){ this.map.setOptions({ draggableCursor: 'default' }); switch(button.iconCls) { case 'calcular-ruta-icon': prepareDirections(); this.winDirection.show() ; this.winDirection.alignT o(Ext.get('center-container'), 'tr-tr', [-20, 45]); break; case 'medir-distancia-icon': prepareDistanceCalculato r(); this.winDistance.show(); this.winDistance.alignTo (Ext.get('center-container'), 'tr-tr', [-20, 45]); break; case 'medir-area-icon': prepareAreaCalculator(); this.winArea.show(); this.winArea.alignTo(Ext .get('center-container'), 'tr-tr', [-20, 45]); break; } } } function initLayout(){ this.winDirection = new Ext.Window({ height: 500, width: 300, closable: false, title: "Ruta", layout: 'fit', autoScroll: true, items:[{ xtype:"panel", frame:true, border:false, contentEl: 'directions_panel', padding: 5 }], tbar:[{
tooltip:"Deshacer ltimo", iconCls: 'deshacer-ultimo-icon', cls: 'x-btn-text-icon', id: 'btnUndoDirection', handler: function() { undoDirection(); } }, { tooltip:"Deshacer Todo", iconCls: 'deshacer-todo-icon', cls: 'x-btn-text-icon', handler: function() { undoAllDirection(); } }] }); this.winDistance = new Ext.Window({ height: 100, width: 300, closable: false, title: "Clculo de Distancia", items:[{ xtype:"panel", frame:true, border:false, contentEl: 'distance_panel', padding: 10 }], tbar:[{ tooltip:"Deshacer ltimo", iconCls: 'deshacer-ultimo-icon', cls: 'x-btn-text-icon', handler: function() { clearLastLeg(); } },{ tooltip:"Deshacer Todo", iconCls: 'deshacer-todo-icon', cls: 'x-btn-text-icon', handler: function() { clearMap(); } },{ xtype:'splitbutton', text: 'Unidades', menu : { items: [{ text: 'Metros', checked: true, group: 'longitud ', checkHandler: fu nction() { toggleUn its('METRES'); } }, { text: 'Kilmetros' , group: 'longitud
', checked: false, checkHandler: fu nction() { toggleUn its('KMS'); } }, { text: 'Pies', group: 'longitud ', checked: false, checkHandler: fu nction() { toggleUn its('FEET'); } }, { text: 'Millas', group: 'longitud ', checked: false, checkHandler: fu nction() { toggleUn its('MILES'); } }] } }] }); this.winArea = new Ext.Window({ height: 100, width: 300, closable: false, title: "Clculo de rea", items:[{ xtype:"panel", frame:true, border:false, contentEl: 'area_panel', padding: 10 }], tbar:[{ tooltip:"Deshacer ltimo", iconCls: 'deshacer-ultimo-icon', cls: 'x-btn-text-icon', handler: function() { DeleteLastPoint(); } },{ tooltip:"Deshacer Todo", iconCls: 'deshacer-todo-icon', cls: 'x-btn-text-icon', handler: function() { ClearAllPoints(); } },{ xtype:'splitbutton', text: 'Unidades',
menu : { items: [{ text: 'Metros&su p2;', checked: true, group: 'area', checkHandler: fu nction() { toggleUn its2('METRES2'); } }, { text: 'Kilmetros& sup2;', group: 'area', checked: false, checkHandler: fu nction() { toggleUn its2('KMS2'); } }, { text: 'Hectrea', group: 'area', checked: false, checkHandler: fu nction() { toggleUn its2('HM'); } }, { text: 'Pies&sup2 ;', group: 'area', checked: false, checkHandler: fu nction() { toggleUn its2('FEET2'); } }, { text: 'Millas&su p2;', group: 'area', checked: false, checkHandler: fu nction() { toggleUn its2('MILES2'); } }] } }] }); this.loading = true; var viewport1 = new Ext.Viewport({ layout: 'border', items: [{ region: 'north', contentEl: 'header',
height: 44, border: false }, { region: 'center', contentEl: 'map_canvas', collapsible: false, id: 'center-container', tbar: getToolbar() }], listeners:{ scope:this, resize: function() { if (!this.loading) { this.loadingWin. alignTo(document, 'c-c'); this.loadingWin. show(); this.currentMapC enter = this.map.getCenter(); (function(){ google.m aps.event.trigger(this.map, 'resize'); if (this .currentMapCenter) { this.map.setCenter(this.currentMapCenter); this.currentMapCenter = null; if (this.winDirection.boxReady) this.winDirection.alignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); if (this.winDistance.boxReady) this.winDistance.alignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); if (this.winArea.boxReady) this.winArea.alignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); if (this.elementosWindow) this.elementosWindow.alignTo(Ext.get('center-container'), 'tl-tl', [80, 45]); if (this.busquedaWindow) this.busquedaWindow.alignTo(Ext.get('center-container'), 'tl-tl', [80, 45]); this.loadingWin.hide(); } }).defer(200); } } } }); this.loading = false; }
/** * Funcin que genera los elementos de la barra de herramientas */ function getToolbar(){ toolbar = [new Ext.Action({ text: 'Ruta', toggleGroup: 'tool_grp', pressed: false, iconCls: 'calcular-ruta-icon', cls: 'x-btn-text-icon', scope: this, toggleHandler: toolToggleGroup //listeners: { //scope:this, //toggle: function(button, press ed) { //if (pressed) { //this.map.setOp tions({ //dragga bleCursor: 'default' //}); //prepareDirecti ons(); //this.winDirect ion.show(); //this.winDirect ion.alignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); //} //else { //this.map.setOp tions({ //dragga bleCursor: '' //}); //disableDirecti ons(); //this.winDirect ion.hide(); //} //} //} }), new Ext.Action({text: 'Medir Distancia', toggleGroup: 'tool_grp', pressed: false, iconCls: 'medir-distancia-icon', cls: 'x-btn-text-icon', scope: this, toggleHandler: toolToggleGroup //listeners: { //scope:this, //toggle: function(button, press ed) { //if (pressed) { //this.map.setOp tions({ //dragga bleCursor: 'default' //}); //prepareDistanc
eCalculator(); //this.winDistan ce.show(); //this.winDistan ce.alignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); //} //else { //this.map.setOp tions({ //dragga bleCursor: '' //}); //disableDistanc eCalculator(); //this.winDistan ce.hide(); //} //} //} }), new Ext.Action({ text: 'Medir rea', toggleGroup: 'tool_grp', pressed: false, iconCls: 'medir-area-icon', cls: 'x-btn-text-icon', scope: this, toggleHandler: toolToggleGroup //listeners: { //scope:this, //toggle: function(button, press ed) { //if (pressed) { //this.map.setOp tions({ //dragga bleCursor: 'default' //}); //prepareAreaCal culator(); //this.winArea.s how(); //this.winArea.a lignTo(Ext.get('center-container'), 'tr-tr', [-20, 45]); //} //else { //this.map.setOp tions({ //dragga bleCursor: '' //}); //disableAreaCal culator(); //this.winArea.h ide(); //} //} //} }), {
xtype: "tbseparator" }, new Ext.Action({ text: 'Home', pressed: false, iconCls: 'home-icon', cls: 'x-btn-text-icon', handler: function(button, event){ this.map.setOptions(mapOptions); }, scope: this }), { xtype: "tbseparator" }, new Ext.Action({ text: 'Elementos', //toggleGroup: 'tool_elemento', //pressed: false, iconCls: 'elementos-icon', cls: 'x-btn-text-icon', listeners: { scope:this, click: function(button, pressed) { if (pressed) { if (!elementosWi ndow){ elemento sWindow = new ElementosWindow({ callback: { fn: manageLayers, scope: this } }); } elementosWindow. show(); elementosWindow. alignTo(Ext.get('center-container'), 'tl-tl', [80, 45]); } else { elementosWindow. hide(); } } }, scope: this }), { xtype: "tbseparator" }, new Ext.Action({ text: 'Buscar Escuela', id: 'buscarEscuela', //toggleGroup: 'tool_buscar', //pressed: false, iconCls: 'buscar-icon', cls: 'x-btn-text-icon', listeners: {
scope:this, click: function(button, pressed) { if (pressed) { if (!busquedaWin dow){ busqueda Window = new BusquedaWindow({ }); } if(cctEncontrado ){ cctEncon trado.setMap(null); if (info window) infowindow.close(); } //busquedaWindow .accordion.setVisible(true); //busquedaWindow .ccts.setVisible(false); busquedaWindow.s how(); busquedaWindow.a lignTo(Ext.get('center-container'), 'tl-tl', [80, 45]); } else { busquedaWindow.h ide(); } } }, scope: this }), { xtype: "tbfill" }, { text: "Mapa", pressed: true, allowDepress: false, enableToggle: true, baseMap: 1, //Mapa toggleGroup: 'tool_base_map', toggleHandler: changeBaseMap }, { text: "Hbrido", enableToggle: true, allowDepress: false, baseMap: 2, //H brido toggleGroup: 'tool_base_map', toggleHandler: changeBaseMap }, { text: "Satlite", enableToggle: true, allowDepress: false, baseMap: 3, //Satelite
toggleGroup: 'tool_base_map', toggleHandler: changeBaseMap }]; return toolbar; } function changeBaseMap(button, state){ if (state) { switch (button.baseMap) { case 1: map.setMapTypeId(google.maps.MapTypeId.ROADMAP); break; case 3: map.setMapTypeId(google.maps.MapTypeId.SATELLITE); break; case 2: map.setMapTypeId(google.maps.MapTypeId.HYBRID); break; } } } $(window).load(function() { this.loadingWin = new Ext.Window({ title: 'Espere un momento por favor...', modal: true, height: 120, width: 250, closable: false, resizable: false, bodyStyle: 'background:none; padding-left:10px; font-size:12 px', html: '<br>Cargando geoinformacin...<br><br><img src="images/ ajax-loader.gif"/>' }); this.loadingWin.show(); Ext.QuickTips.init(); initLayout(); initializeGoogleMaps(); dwr.engine._internalOrdered = false; ConsultasGIS._path = GIS.remoteServerAddress + " /siie/dwr"; //--Localizar CCT georeferenciado por petici n if(getParameter('cct')!="") { escuelasWindow = new EscuelasWindow({ proxy : 'obtenerPlantelPorNombre' }); escuelasWindow.showCCT({cct: getParameter('cct')}); } //-}); function getParameter( name ) {
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( window.location.href ); if( results == null ) return ""; else return results[1]; } </script> </head> <body > <div id="header" style="text-align: center; background: url('images/fond o.png');"> <img src="images/banner-sep-df.png" border="0" alt="banner-sep-df"/> </div> <div id="map_canvas" style="width:100%; height:100%"> </div> <div id="directions_panel" style="width:100%; height:100%; overflow:auto "> </div> <div id="area_panel" style="width:100%; height:100%; overflow:auto"> <div> rea: <span id="area">0</span> </div> </div> <div id="distance_panel" style="width:100%; height:100%; overflo w:auto"> <div> Distancia: <span id="distance">0</span> </div> </div> </body> </html>

JJJ

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

JJJ

Hochgeladen von

Copyright:

Verfügbare Formate

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.

Das könnte Ihnen auch gefallen