Le portail francophone de la géomatique

var mapPanel, store, gridPanel, viewport;

// Initialisation
Ext.onReady(function() {
    
    // Langue francaise
    OpenLayers.Lang.code="fr";
    
    // New Map Object
    var map = new OpenLayers.Map('map', optionsMap);
    
    // Map Options
    var optionsMap = {
        projection: new OpenLayers.Projection("EPSG:900913"),
        displayProjection: new OpenLayers.Projection("EPSG:4326"),
        units: "m",
    };

    // Google Physical Layer
    var gphy = new OpenLayers.Layer.Google(
        "Google Physical",
        {type: G_PHYSICAL_MAP}
    );

    // Google Hybrid Layer
    var ghyb = new OpenLayers.Layer.Google(
        "Google Hybrid",
        {type: G_HYBRID_MAP}
    );
    
    // Google Satellite Layer
    var gsat = new OpenLayers.Layer.Google(
        "Google Satellite",
        {type: G_SATELLITE_MAP}
    );

    // Google Street Layer
    var gmap = new OpenLayers.Layer.Google(
        "Google Streets",
        {type: G_NORMAL_MAP}
    );
    
    // WFS Layer    
    layer_captage = new OpenLayers.Layer.WFS(
        "Captages d'Alimentation en Eau Potable",
        "/captage/filter/kml/" + critere_selection + "/",
            {
            }, {
                'projection': new OpenLayers.Projection("EPSG:4326"),
                'format': OpenLayers.Format.KML,
                'formatOptions': { extractAttributes: true }
            } );
            
    
    // Add Layers to Map
    map.addLayers([gphy, gsat, gmap, ghyb, layer_captage]);
    map.setBaseLayer(gphy);
    
    
    // Create Map Panel
    mapPanel = new GeoExt.MapPanel({
        title: "Map",
        region: "center",
        map: map,
        center: new OpenLayers.LonLat(2, 47),
        zoom: 5
    });
 
    // Create feature store, binding it to the vector layer
    store = new GeoExt.data.FeatureStore({
        layer: layer_captage,
        fields: [
            {name: 'code_capta', type: 'string'},
            {name: 'departemen', type: 'string'},
            {name: 'molecule', type: 'string'},
            {name: 'commune', type: 'string'}
        ],
        proxy: new GeoExt.data.ProtocolProxy({
            protocol: new OpenLayers.Protocol.HTTP({
                url: "/captage/filter/kml/" + critere_selection + "/",
                format: new OpenLayers.Format.KML({
                })
            })
        }),
        autoLoad: true
    });
});

var critere_selection = "tout"
var layer_captage;

Ext.apply(Ext.form.VTypes, {
    daterange : function(val, field) {
        var date = field.parseDate(val);

        if(!date){
            return;
        }
        if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
            var start = Ext.getCmp(field.startDateField);
            start.setMaxValue(date);
            start.validate();
            this.dateRangeMax = date;
        } 
        else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
            var end = Ext.getCmp(field.endDateField);
            end.setMinValue(date);
            end.validate();
            this.dateRangeMin = date;
        }
        /*
         * Always return true since we're only using this vtype to set the
         * min/max allowed values (these are tested for after the vtype test)
         */
        return true;
    }
});

var mapPanel, store, gridPanel, viewport;

// Initialisation
Ext.onReady(function() {
    
    // Langue francaise
    OpenLayers.Lang.code="fr";
    
    // New Map Object
    var map = new OpenLayers.Map('map', optionsMap);
    
    // Map Options
    var optionsMap = {
        projection: new OpenLayers.Projection("EPSG:900913"),
        units: "m",
        numZoomLevels: 18,
        maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34)
    };

    // Google Physical Layer
    var gphy = new OpenLayers.Layer.Google(
        "Google Physical",
        {type: G_PHYSICAL_MAP}
    );

    // Google Hybrid Layer
    var ghyb = new OpenLayers.Layer.Google(
        "Google Hybrid",
        {type: G_HYBRID_MAP}
    );
    
    // Google Satellite Layer
    var gsat = new OpenLayers.Layer.Google(
        "Google Satellite",
        {type: G_SATELLITE_MAP}
    );

    // Google Street Layer
    var gmap = new OpenLayers.Layer.Google(
        "Google Streets",
        {type: G_NORMAL_MAP}
    );
    
    // WFS Layer    
    layer_captage = new OpenLayers.Layer.GML(
        "Captages d'Alimentation en Eau Potable",
        "/captage/filter/kml/" + critere_selection + "/",
            {
                'projection': new OpenLayers.Projection("EPSG:4326"),
                'format': OpenLayers.Format.KML,
                'formatOptions': { extractAttributes: true }
            } 
    );

    // Couche dessin
    vlayer = new OpenLayers.Layer.Vector("Editable");
    
    // Ajout de la barre d'outil dessin
    var editable = new OpenLayers.Control.EditingToolbar(vlayer, {div: document.getElementById("editable")});
    map.addLayer(vlayer);
    map.addControl(editable);

    // Add Layers to Map
    map.addLayers([gphy, gsat, gmap, ghyb]);
    map.addLayer(layer_captage);
    map.setBaseLayer(gphy);
    
    // -------------------------------------------------------------------------------------------

    // Layer Switcher
    map.addControl(new OpenLayers.Control.LayerSwitcher());
    
    // New Pan Control 
    var pan = new OpenLayers.Control.MouseDefaults({title:"Déplacement"});
    
    // Historique de navigation
    var nav = new OpenLayers.Control.NavigationHistory();
    map.addControl(nav);
    
    // New Panel Objet 
    var panel = new OpenLayers.Control.Panel({defaultControl: pan});
    
    // Panel & Controls
    panel.addControls([
        pan,
        new OpenLayers.Control.ZoomBox({title:"Zoom +"}),
        nav.next,nav.previous,
        new OpenLayers.Control.ScaleLine(),
        new OpenLayers.Control.Permalink('permalink'),
        new OpenLayers.Control.MousePosition(),
        new OpenLayers.Control.Navigation(),
        new OpenLayers.Control.PanZoomBar()
    ]);
    
    // Add Panel to Map
    map.addControl(panel);
    
    // -------------------------------------------------------------------------------------------
    
    // Create Map Panel
    
    mapPanel = new GeoExt.MapPanel({
        title: "Map Panel",
        region: "center",
        width: '50%',
        split: true,
        map: map,
        center: new OpenLayers.LonLat(2, 47),
        zoom: 5
    });
 
    // Create feature store, binding it to the vector layer
    store = new GeoExt.data.FeatureStore({
        layer: layer_captage,
        fields: [
            {name: 'code_capta', type: 'string'},
            {name: 'departemen', type: 'string'},
            {name: 'molecule', type: 'string'},
            {name: 'commune', type: 'string'}
        ],
        proxy: new GeoExt.data.ProtocolProxy({
            protocol: new OpenLayers.Protocol.HTTP({
                url: "/captage/filter/kml/" + critere_selection + "/",
                format: new OpenLayers.Format.KML({
                })
            })
        }),
        autoLoad: true
    });

    // Create grid panel configured with feature store
    gridPanel = new Ext.grid.GridPanel({
        title: "Feature Grid",
        region: "east",
        store: store,
        width: "40.5%",
        columns: [{
            header: "Code captage",
            sortable:true,
            dataIndex: "code_capta",
            width: 100
        }, {
            header: "Département",
            sortable:true,
            dataIndex: "departemen",
            width: 80
        }, {
            header: "Molécule",
            sortable:true,
            dataIndex: "molecule",
            width: 60
        }, {
            header: "Commune",
            sortable:true,
            dataIndex: "commune",
            width: 150
        }],
        sm: new GeoExt.grid.FeatureSelectionModel() 
    });
    
    // EnTete
    var header = new Ext.Panel({
        frame: true,
        height: 40,
        region: 'north',
        items: [document.getElementById("header")]
    });

    // Le viewport regroupant l'ensemble des objets
    viewport = new Ext.Viewport({
        layout: 'border',
        height: 400,
        width: 920,
        items: [mapPanel, gridPanel, header]
    });
});