Hello,
I would like to show a map in a web page, to display on smartphone.
The very simple example I found works great on a Mac or PC, but as you can see on the attached screen capture, the size of text and buttons are really too small on smartphone.
Unusable.
Is there a way to modify this code to show the map properly, i.e. with readable text and icons ?
Any help would be appreciated…
the code I use :
<?php
$longitude = $_GET["lon"];
$latitude = $_GET["lat"];
?<html><body>
<div id="mapdiv"></div>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
map = new OpenLayers.Map("mapdiv");
map.addLayer(new OpenLayers.Layer.OSM());
var lonLat = new OpenLayers.LonLat(<?php echo $longitude.",".$latitude; ?> )
.transform( new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject() );
var zoom=16;
var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(lonLat));
map.setCenter (lonLat, zoom);
</script>
</body></html>