Take the 2-minute tour ×
Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

I'm making a map with openlayers. For the navigation on the iPhone I added OpenLayers.Control.Navigation(), so zoom and pan work fine. On the desktop, i can click a marker and a popup appears. But on the phone nothing happens?

Any suggestions?

map = new OpenLayers.Map("map", {projection: mercator,
    controls: [



        new OpenLayers.Control.LayerSwitcher(),
        new OpenLayers.Control.Navigation(),
        new OpenLayers.Control.ZoomPanel(),
        new OpenLayers.Control.MouseDefaults()

        ],
        units: 'meters',
});



temp = tCoord(lon, lat);
        var feature = new OpenLayers.Feature(markerLayer, temp);
        feature.closeBox = true;
        feature.popupClass = OpenLayers.Class(OpenLayers.Popup.Anchored, {minSize: new OpenLayers.Size(320, 100)} );
        feature.data.popupContentHTML = "<div class=\"infoWindow\"><strong>" + name +"</strong> <br/>" + desc 
                                        +"<br><a href=\"#\" onclick=\"routing(new OpenLayers.LonLat("+lon+","+ lat+"))\">Route hierher</a></div>";
        feature.data.overflow = "hidden";

        var tempMarker = new OpenLayers.Marker(temp, icon.clone());
        tempMarker.feature = feature;
         tempMarker.events.register("mousedown", feature, markerClick);
        allPoints.push(new Array(zeilenCounter, tempMarker));

(tCoord transforms from wgs84 to spherical mercator)

share|improve this question
add comment

1 Answer

first of all use OpenLayers.Mobile library for developing mobile application, here. and then checkout these if u consider or not.

  1. <meta name="apple-mobile-web-app-capable" content="yes">
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  3. controls in map options:

      controls: [
        new OpenLayers.Control.TouchNavigation({
            dragPanOptions: {
                enableKinetic: true
            }
        }),
        new OpenLayers.Control.Zoom(),
        toolbar
                 ]
    

beside this you can glance at openlayers mobile jquery app here as to some viewpoint.

i hope it helps you...

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.