1 <html xmlns="http://www.w3.org/1999/xhtml">
3 <title>Select Feature Test</title>
4 <style type="text/css">
18 <script src="../../lib/OpenLayers.js"></script>
19 <script type="text/javascript">
20 var map, selectControl1, selectControl2;
23 map = new OpenLayers.Map('map');
24 var wmsLayer = new OpenLayers.Layer.WMS(
26 "http://labs.metacarta.com/wms/vmap0",
29 var vectorLayer = new OpenLayers.Layer.Vector("Vector Layer");
30 var pointFeature = new OpenLayers.Feature.Vector(
31 new OpenLayers.Geometry.Point(-50, -45)
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)
43 vectorLayer.addFeatures([pointFeature, polygonFeature]);
44 map.addLayers([wmsLayer, vectorLayer]);
45 selectControl1 = new OpenLayers.Control.SelectFeature(
46 vectorLayer, {geometryTypes: ['OpenLayers.Geometry.Point']}
48 selectControl2 = new OpenLayers.Control.SelectFeature(
50 geometryTypes: ['OpenLayers.Geometry.Polygon'],
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);
62 <body onload="init()">
63 <h1 id="title">Select Feature Test</h1>
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.