x

Wie popup für waypoints?

  1. Wie popup für waypoints? · janmartin3 (Gast) · 02.08.2009 17:59 · [flux]

    Hallo,
    nachfolgende Seite zeigt Waypoints aus einer .gpx Datei an.

    Besondere Features:
    - auto-zoom
    - auto-center
    Was muss ich ändern um beim Anklicken der Waypoints ein popup zu kriegen?
    Das Popup soll name und desc anzeigen.

    Danke,
    Jan

    Die Waypoints sehen so aus:
    <wpt lat="49.123456789" lon="8.123456789">
    <ele>170.555686</ele>
    <time>2009-08-01T17:29:29Z</time>
    <name>00000001</name>
    <cmt>00000001</cmt>
    <desc>00000001</desc>
    </wpt>

    <html>
<head>
<title>I␣want␣popups!</title>

    <script␣src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script␣src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>

    <script␣type="text/javascript">
var␣map;
function␣init()␣{
map␣=␣new␣OpenLayers.Map␣("map",␣{
controls:[
new␣OpenLayers.Control.Navigation(),
new␣OpenLayers.Control.PanZoomBar(),
new␣OpenLayers.Control.LayerSwitcher(),
new␣OpenLayers.Control.Attribution()],
maxExtent:␣new␣OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
maxResolution:␣156543.0399,
numZoomLevels:␣19,
units:␣'m',
projection:␣new␣OpenLayers.Projection("EPSG:900913"),
displayProjection:␣new␣OpenLayers.Projection("EPSG:4326")
}␣);

    layerMapnik␣=␣new␣OpenLayers.Layer.OSM.Mapnik("Mapnik");
map.addLayer(layerMapnik);
layerTilesAtHome␣=␣new␣OpenLayers.Layer.OSM.Osmarender("Osmarender");
map.addLayer(layerTilesAtHome);
layerCycleMap␣=␣new␣OpenLayers.Layer.OSM.CycleMap("CycleMap");
map.addLayer(layerCycleMap);

    var␣dataExtent;
var␣setExtent␣=␣function()␣{
if(dataExtent)␣{
dataExtent.extend(this.getDataExtent());
}␣else␣{
dataExtent␣=␣this.getDataExtent();
}
map.zoomToExtent(dataExtent);
};
lgpx␣=␣new␣OpenLayers.Layer.GML␣(
"wpt.gpx␣(red)",
"wpt.gpx",
{
projection:␣new␣␣OpenLayers.Projection("EPSG:4326"),
//␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣␣style:␣{strokeColor:␣"red",␣strokeWidth:␣5,␣strokeOpacity:␣0.8},
format:␣OpenLayers.Format.GPX,
}
);
lgpx.events.register("loadend",␣lgpx,␣setExtent);
map.addLayer(lgpx);

    map.setCenter(null,␣null);
};
</script>
</head>

    <body␣onload="init();">
<div␣style="width:90%;␣height:90%"␣id="map"></div>

    </body>
</html>