POIs auf Desktop oder mobil
-
POIs auf Desktop oder mobil · amdus (Gast) · 10.04.2018 19:17 · [flux]
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
- Re: POIs auf Desktop oder mobil · ikonor (Gast) · 13.04.2018 16:33 · [flux]
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/Ope … er_exampleWie bist du auf dieses Code-Beispiel gestoßen?