POIs auf Desktop oder mobil

Hallo,

ich bin neu hier im Forum und habe folgendes Problem:

Meine OSM-Seite zeigt auf dem Desktop-PC unter allen Browsern alle Marker an und diese sind auch anklickbar und zeigen dann halt die entsprechenden weiteren Informationen die in der Textdatei hinterlegt sind. Auf mobilen Endgeräten werden die Marker auch angezeigt, sind allerdings nicht “anklickbar”. Kann mir jemand von euch helfen wie ich das beheben kann bzw. mir einen Tipp geben woran das liegt?

Bisheriger Code:

<html>
 <body>
  <div id="mapdiv"></div>
  <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  <script type="text/javascript" src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
  <script>
    map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());

    var pois = new OpenLayers.Layer.Text( "My Points",
                    { location:"./dummy.txt",
                      projection: map.displayProjection
                    });
    map.addLayer(pois);
 // create layer switcher widget in top right corner of map.
    var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
    map.addControl(layer_switcher);
    //Set start centrepoint and zoom
    var lonLat = new OpenLayers.LonLat( 6.7700, 51.2124 )
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
    var zoom=6;
    map.setCenter (lonLat, zoom);

  </script>
 </body>
</html>

Besten Dank

Axel

Das liegt wahrscheinlich an der veralteten OpenLayers 2 Version die dort verwendet wird.

Kommt auf die Anforderungen an, aber ich würde sowieso eher Leaflet empfehlen:
http://leafletjs.com/

Der Code stammt vermutlich von dieser Wiki Seite?
https://wiki.openstreetmap.org/wiki/Openlayers_POI_layer_example

Wie bist du auf dieses Code-Beispiel gestoßen?