<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><title></title><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><style type="text/css"> html, body {overflow-x: visible; } html { width:100%; height:100%;margin:0px; padding:0px; overflow-y: auto; overflow-x: auto; }body { font-size: 100.01%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:transparent; overflow:show; background-image:none; margin:0px; padding:5px; }p { margin:0px; padding:0px; } body { font-size: 12px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; } p { margin: 0; padding: 0; } blockquote { padding-left: 5px; margin-left: 5px; margin-bottom: 0px; margin-top: 0px; } blockquote.quote { border-left: 1px solid #CCC; padding-left: 5px; margin-left: 5px; } .misspelled { background: transparent url(//webmailerng.1und1.de/static_resource/mailclient/widgets/basic/parts/maileditor/spellchecking_underline.gif) repeat-x scroll center bottom; } .correct {} .unknown {} .ignored {}</style></head><body id="bodyElement" style="">
<p>Hi users-list,<span></span></p><p id="__paragraph__1319630775000" style=""><br><span style=""></span></p><p id="__paragraph__1319630775000" style=""><span style="">I've not found a solution to this by searching the web yet,:</span><span></span></p><p id="__paragraph__1319630824000" style=""><br><span style=""></span></p><p id="__paragraph__1319630824000" style=""><span style="">My problem concernes OpenLayers.Layer.Text layer below an OpenLayers.Layer.Vector layer, trying to trigger the click events on the markers of the Text layer (to be able to open their popups) without deactivating the Vector overlay layer. I've read an article about Vector layer absorbing click events without a good solution IMO.</span></p><p id="__paragraph__1319630824000" style=""><br></p><p id="__paragraph__1319630824000" style="">How can I solve this issue?<br></p><p id="__paragraph__1319630824000" style=""><br><span style=""></span></p><p id="__paragraph__1319630824000" style=""><span style="">I've prepared an example:</span><span></span></p><p id="__paragraph__1319630824000" style="">There should be 2 files attached.</p><p id="__paragraph__1319630824000" style=""><br></p><p id="__paragraph__1319630824000" style="">Alternatively you could proceed with following to achieve the same like the attached files:<br></p><p id="__paragraph__1319631140000" style=""><span style="">Taking the Click event example from here http://openlayers.org/dev/examples/click.html</span><span></span></p><p id="__paragraph__1319631155000" style=""><span style="">and replace the complete contents of the script tag with this (don't forget to link to the online version of the OpenLayers.js in the head-tag!):</span><span></span></p><p id="__paragraph__1319631355000" style=""><br><span style=""></span></p><p id="__paragraph__1319631355000" style=""><span style=""> var projMercator = new OpenLayers.Projection("EPSG:900913");<br> var map = new OpenLayers.Map("map");<br><br> OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {<br> defaultHandlerOptions: {<br> 'single': true,<br> 'double': false,<br> 'pixelTolerance': 0,<br> 'stopSingle': false,<br> 'stopDouble': false<br> },<br><br> initialize: function(options) {<br> this.handlerOptions = OpenLayers.Util.extend(<br> {}, this.defaultHandlerOptions<br> );<br> OpenLayers.Control.prototype.initialize.apply(<br> this, arguments<br> ); <br> this.handler = new OpenLayers.Handler.Click(<br> this, {<br> 'click': this.trigger<br> }, this.handlerOptions<br> );<br> }, <br><br> trigger: function(e) {<br> var lonlat = map.getLonLatFromViewPortPx(e.xy);<br> alert("You clicked near " + lonlat.lat + " N, " +<br> + lonlat.lon + " E");<br> }<br><br> });<br><br><br> function init(){<br> map.addControl(new OpenLayers.Control.LayerSwitcher());<br><br> // click handler<br> var click = new OpenLayers.Control.Click();<br> map.addControl(click);<br> click.activate();<br><br> // 1st layer<br> map.addLayer(new OpenLayers.Layer.OSM());<br><br> // 2nd layer<br> var pois = new OpenLayers.Layer.Text( "My Points",<br> {<br> location:"./textfile.txt",<br> projection: map.displayProjection<br> });<br> map.addLayer(pois);<br><br><br> // 3rd layer (vector layer)<br> var layerGeometry = new OpenLayers.Layer.Vector(<br> "Gebiete",<br> {<br> strategies: [new OpenLayers.Strategy.Fixed()],<br> protocol: new OpenLayers.Protocol.HTTP({<br> url: "geom.json",<br> format: new OpenLayers.Format.GeoJSON()<br> }),<br> projection: projMercator<br> }<br> );<br> map.addLayer(layerGeometry);<br><br><br> var lonLat = new OpenLayers.LonLat( 9.5788, 48.9773 )<br> .transform(<br> new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984<br> map.getProjectionObject() // to Spherical Mercator Projection<br> );<br> var zoom=11;<br> map.setCenter (lonLat, zoom); <br> }</span><span></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><br><span style=""></span></p><p id="__paragraph__1319631465000" style=""><span style="">Thanks</span><span></span></p><p id="__paragraph__1319631469000" style=""><span style="">João<br></span></p><p><span></span></p><basefont size="2" face="Verdana"></body></html>