Hi,


I am trying to modify the ability to Pan/Zoom in a Google Map depending on if it is a desktop/mobile browser. I have a Google map component through the HTML Composer. However, I think that I'm not getting the map object correctly or using it wrongly and appreciate any suggestions. The code I have so far is:

<SCRIPT type=text/javascript src="http://maps.google.com/maps?file=api&v=2"></SCRIPT>

<SCRIPT id=clientEventHandlersJS type=text/javascript>
//Begin function window_onload
function window_onload() {
  var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/) != null; 
  if (isMobile == false) {
    var mapObj = document.getElementById('googlemapcontrol1');
    mapObj.enableDoubleClickZoom();
    mapObj.enableScrollWheelZoom();
    mapObj.enableContinuousZoom();
    mapObj.draggingEnabled();
  }
}
//End function window_onload
</SCRIPT>

Thanks!
JL

This message has been edited. Last edited by: <Kathryn Henning>,

Hi JL,

Since this looks like it's going to require some research, I'd like to recommend opening a case on InfoResponse Online.

Regards,

Kathryn

FYI, as I suspected, I was not getting the map object correctly and got it to work using:

• For the Google map properties, the Zooms and Dragging are enabled.
  
  
• Code to disable the zoom/dragging properties:
  

    var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/) != null; 
    var mapObj = getMapObject('googlemapcontrol1').map;
  
      var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/) != null; 
      var mapObj = getMapObject('googlemapcontrol1').map;
      if (isMobile == true) {
        mapObj.disableDoubleClickZoom();
        mapObj.disableScrollWheelZoom();
        mapObj.disableContinuousZoom();
        mapObj.disablePinchToZoom();
        mapObj.disableDragging();
      }
  

  
  

This message has been edited. Last edited by: JL,