source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/popup.js
@
76
Revision 76, 2.3 KB checked in by djay, 13 years ago (diff) | |
---|---|
|
Rev | Line | |
---|---|---|
[76] | 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 | ||
15 | var mapPanel, popup; | |
16 | ||
17 | Ext.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.