[closed] display waypoint names in openlayers map

I can easily display a GPX track on an openlayers map using the example code at https://wiki.openstreetmap.org/wiki/Openlayers_Track_example

or by using this alternative code I can also display waypoints (but not their names):

var myStyleMap = new OpenLayers.StyleMap({"default": new OpenLayers.Style({pointRadius: 5, fillColor: "darkred", strokeColor: "red",    strokeWidth: 3  })
            });
// add the layer with the GPX track and waypoints
var lgpx = new OpenLayers.Layer.Vector("title", {
protocol: new OpenLayers.Protocol.HTTP({ url: "my_file.gpx",
format: new OpenLayers.Format.GPX({extractWaypoints: true,  extractName: true, extractRoutes: true, extractAttributes: true})
}),
strategies: [new OpenLayers.Strategy.Fixed()],
styleMap: myStyleMap, 
projection: new OpenLayers.Projection("EPSG:4326")
});
map.addLayer(lgpx);

I would like to be able to display the names of the waypoints. The waypoints are in the GPX file in the following format:

<wpt lat="55.90119934" lon="-3.15706110">
        <ele>129.4</ele>
        <time>2010-12-22T20:43:20Z</time>
        <name>The Waverley</name>
</wpt>

I can't fathom the javascript, and there are no examples on the web. Can anyone help?