Bienvenue sur PostGIS.fr

Bienvenue sur PostGIS.fr , le site de la communauté des utilisateurs francophones de PostGIS.

PostGIS ajoute le support d'objets géographique à la base de données PostgreSQL. En effet, PostGIS "spatialise" le serverur PostgreSQL, ce qui permet de l'utiliser comme une base de données SIG.

Maintenu à jour, en fonction de nos disponibilités et des diverses sorties des outils que nous testons, nous vous proposons l'ensemble de nos travaux publiés en langue française.

source: trunk/workshop-routing-foss4g/web/GeoExt/examples/popup.js @ 81

Revision 76, 2.3 KB checked in by djay, 13 years ago (diff)

Ajout du répertoire web

  • Property svn:executable set to *
Line 
1/**
2 * Copyright (c) 2008-2010 The Open Source Geospatial Foundation
3 *
4 * Published under the BSD license.
5 * See http://svn.geoext.org/core/trunk/geoext/license.txt for the full text
6 * of the license.
7 */
8
9/** api: example[popup]
10 *  Feature Popup
11 *  -------------
12 *  Display a popup with feature information.
13 */
14
15var mapPanel, popup;
16
17Ext.onReady(function() {
18
19    // create a vector layer, add a feature into it
20    var vectorLayer = new OpenLayers.Layer.Vector("vector");
21    vectorLayer.addFeatures(
22        new OpenLayers.Feature.Vector(
23            new OpenLayers.Geometry.Point(-45, 5)
24        )
25    );
26
27    // create select feature control
28    var selectCtrl = new OpenLayers.Control.SelectFeature(vectorLayer);
29
30    // define "createPopup" function
31    var bogusMarkup = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.";
32    function createPopup(feature) {
33        popup = new GeoExt.Popup({
34            title: 'My Popup',
35            location: feature,
36            width:200,
37            html: bogusMarkup,
38            maximizable: true,
39            collapsible: true
40        });
41        // unselect feature when the popup
42        // is closed
43        popup.on({
44            close: function() {
45                if(OpenLayers.Util.indexOf(vectorLayer.selectedFeatures,
46                                           this.feature) > -1) {
47                    selectCtrl.unselect(this.feature);
48                }
49            }
50        });
51        popup.show();
52    }
53
54    // create popup on "featureselected"
55    vectorLayer.events.on({
56        featureselected: function(e) {
57            createPopup(e.feature);
58        }
59    });
60
61    // create Ext window including a map panel
62    var mapwin = new Ext.Window({
63        layout: "fit",
64        title: "Map",
65        closeAction: "hide",
66        width: 650,
67        height: 356,
68        x: 50,
69        y: 100,
70        items: {
71            xtype: "gx_mappanel",
72            region: "center",
73            layers: [
74                new OpenLayers.Layer.WMS( 
75                    "OpenLayers WMS",
76                    "http://vmap0.tiles.osgeo.org/wms/vmap0",
77                    {layers: 'basic'} ),
78                vectorLayer
79            ]
80        }
81    });
82    mapwin.show();
83
84    mapPanel = mapwin.items.get(0);
85    mapPanel.map.addControl(selectCtrl);
86    selectCtrl.activate();
87});
Note: See TracBrowser for help on using the repository browser.