Hello,<br><br>the file in this mail displays waypoints from a gpx file.<br><strong><br></strong>Special features:<br>- auto-zoom<br>- auto-center<br><br>What do I need to change to get a popup when clicking a waypoint?<br>

<strong><br></strong>The popup should show &quot;name&quot; and &quot;desc&quot;.<br><br>Thanks,<br>Jan<br><br>Waypoints look like this:<br><br>&lt;wpt lat=&quot;49.123456789&quot; lon=&quot;8.123456789&quot;&gt;<br>  &lt;ele&gt;170.555686&lt;/ele&gt;<br>

  &lt;time&gt;2009-08-01T17:29:29Z&lt;/time&gt;<br>  &lt;name&gt;00000001&lt;/name&gt;<br>  &lt;cmt&gt;00000001&lt;/cmt&gt;<br>  &lt;desc&gt;00000001&lt;/desc&gt;<br>&lt;/wpt&gt;<br><br><br>Page:<br><pre>&lt;html&gt;<br>
    &lt;head&gt;<br>
    &lt;title&gt;I want popups!&lt;/title&gt;<br><br>    &lt;script src=&quot;<a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>&quot;&gt;&lt;/script&gt;<br>    &lt;script src=&quot;<a href="http://www.openstreetmap.org/openlayers/OpenStreetMap.js">http://www.openstreetmap.org/openlayers/OpenStreetMap.js</a>&quot;&gt;&lt;/script&gt;<br>

<br>        &lt;script type=&quot;text/javascript&quot;&gt;<br>            var map;<br>            function init() {<br>                map = new OpenLayers.Map (&quot;map&quot;, {<br>                    controls:[<br>                        new OpenLayers.Control.Navigation(),<br>

                        new OpenLayers.Control.PanZoomBar(),<br>                        new OpenLayers.Control.LayerSwitcher(),<br>                        new OpenLayers.Control.Attribution()],<br>                    maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),<br>

                    maxResolution: 156543.0399,<br>                    numZoomLevels: 19,<br>                    units: &#39;m&#39;,<br>                    projection: new OpenLayers.Projection(&quot;EPSG:900913&quot;),<br>

                    displayProjection: new OpenLayers.Projection(&quot;EPSG:4326&quot;)<br>                } );<br><br>                layerMapnik = new OpenLayers.Layer.OSM.Mapnik(&quot;Mapnik&quot;);<br>                map.addLayer(layerMapnik);<br>

                layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender(&quot;Osmarender&quot;);<br>                map.addLayer(layerTilesAtHome);<br>                layerCycleMap = new OpenLayers.Layer.OSM.CycleMap(&quot;CycleMap&quot;);<br>

                map.addLayer(layerCycleMap);<br><br>    var dataExtent;<br>    var setExtent = function() {<br>       if(dataExtent) {<br>           dataExtent.extend(this.getDataExtent());<br>       } else {<br>           dataExtent = this.getDataExtent();<br>

       }<br>       map.zoomToExtent(dataExtent);<br>    };<br>                    lgpx = new OpenLayers.Layer.GML (<br>                               &quot;wpt.gpx (red)&quot;,<br>                               &quot;wpt.gpx&quot;,<br>

                               {                                               <br>                        projection: new  OpenLayers.Projection(&quot;EPSG:4326&quot;),<br>    //                    style: {strokeColor: &quot;red&quot;, strokeWidth: 5, strokeOpacity: 0.8},<br>

                        format: OpenLayers.Format.GPX,<br>                               }<br>                        );<br>                    lgpx.events.register(&quot;loadend&quot;, lgpx, setExtent);    <br>                    map.addLayer(lgpx);<br>

    <br>            map.setCenter(null, null);<br>            };<br>    &lt;/script&gt;<br>    &lt;/head&gt;<br><br>    &lt;body onload=&quot;init();&quot;&gt;<br>    &lt;div style=&quot;width:90%; height:90%&quot; id=&quot;map&quot;&gt;&lt;/div&gt;<br>

<br>    &lt;/body&gt;<br>    &lt;/html&gt;</pre><br><br>