← Back to branch summary

~mortenoh/+junk/dhis2-detailed-import-export

« back to all changes in this revision

Viewing changes to gis/dhis-gis-geostat/mfbase/openlayers/tests/manual/select-feature.html

  • Committer: larshelge at gmail
  • Date: 2009-03-03 16:46:36 UTC
  • Revision ID: larshelge@gmail.com-20090303164636-2sjlrquo7ib1gf7r
Initial check-in

Show diffs side-by-side

added added

removed removed

Lines of Context:
gis/dhis-gis-geostat/mfbase/openlayers/tests/manual/select-feature.html
 
1
<html xmlns="http://www.w3.org/1999/xhtml">
 
2
  <head>
 
3
    <title>Select Feature Test</title>
 
4
    <style type="text/css">
 
5
        body {
 
6
            font-size: 0.8em;
 
7
        }
 
8
        p {
 
9
            padding-top: 1em;
 
10
        }
 
11
        #map {
 
12
            margin: 1em;
 
13
            width: 512px;
 
14
            height: 512px;
 
15
        }
 
16
    </style>
 
17
 
 
18
    <script src="../../lib/OpenLayers.js"></script>
 
19
    <script type="text/javascript">
 
20
        var map, selectControl1, selectControl2;
 
21
 
 
22
        function init() {
 
23
            map = new OpenLayers.Map('map');
 
24
            var wmsLayer = new OpenLayers.Layer.WMS(
 
25
                "OpenLayers WMS", 
 
26
                "http://labs.metacarta.com/wms/vmap0",
 
27
                {layers: 'basic'}
 
28
            ); 
 
29
            var vectorLayer = new OpenLayers.Layer.Vector("Vector Layer");
 
30
            var pointFeature = new OpenLayers.Feature.Vector(
 
31
                 new OpenLayers.Geometry.Point(-50, -45)
 
32
            );
 
33
            var polygonFeature = new OpenLayers.Feature.Vector(
 
34
                new OpenLayers.Geometry.Polygon([
 
35
                    new OpenLayers.Geometry.LinearRing([
 
36
                        new OpenLayers.Geometry.Point(-50,-50),
 
37
                        new OpenLayers.Geometry.Point(-40,-50),
 
38
                        new OpenLayers.Geometry.Point(-40,-40),
 
39
                        new OpenLayers.Geometry.Point(-50,-50)
 
40
                    ])
 
41
                ])
 
42
            );
 
43
            vectorLayer.addFeatures([pointFeature, polygonFeature]);
 
44
            map.addLayers([wmsLayer, vectorLayer]);
 
45
            selectControl1 = new OpenLayers.Control.SelectFeature(
 
46
                vectorLayer, {geometryTypes: ['OpenLayers.Geometry.Point']}
 
47
            );
 
48
            selectControl2 = new OpenLayers.Control.SelectFeature(
 
49
                vectorLayer, {
 
50
                    geometryTypes: ['OpenLayers.Geometry.Polygon'],
 
51
                    hover: true
 
52
            });
 
53
            map.addControl(new OpenLayers.Control.MousePosition());
 
54
            map.addControl(selectControl1);
 
55
            map.addControl(selectControl2);
 
56
            selectControl1.activate();
 
57
            selectControl2.activate();
 
58
            map.setCenter(new OpenLayers.LonLat(-45, -45), 4);
 
59
        }
 
60
    </script>
 
61
  </head>
 
62
  <body onload="init()">
 
63
    <h1 id="title">Select Feature Test</h1>
 
64
    <div id="map"></div>
 
65
    <p>
 
66
    
 
67
    The map includes two select feature controls. The first one operates on
 
68
    geometries of type OpenLayers.Geometry.Point only and works on clicks. The
 
69
    second one operates on geometries of type OpenLayers.Geometry.Polygon and
 
70
    works on mouseover's. If you select the point geometry by clicking on it,
 
71
    it shouldn't be unselected when the mouse moves out if it.
 
72
    
 
73
    </p>
 
74
  </body>
 
75
</html>