谷歌地图:不能在手机上滚动

问题描述:

我在我的网站上使用谷歌地图。它在所有浏览器中都能很好地工作,但我在移动设备上使用它时遇到问题:我无法滚动地图。我怀疑它是由eventListener“点击”引起的,可能是这种情况?我将标记放置在用户点击的地方。
下面是代码:谷歌地图:不能在手机上滚动

<script src="http://maps.google.com/maps/api/js?sensor=false&language=${Locale.getDefault()}" type="text/javascript"></script> 

$(document).ready(function(){ 
    createMap(); 
}); 


function createMap(){ 

    geocoder = new google.maps.Geocoder(); 
    infowindow = new google.maps.InfoWindow(); 
    latlng = new google.maps.LatLng(55.783234,12.518363); 
    var myOptions = { 
    zoom: 7, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    marker = new google.maps.Marker(); 
    google.maps.event.addListener(map, 'click', function(event) { 
    makeMarker(event.latLng, true); 
    }); 
} 

事实证明,它不是使用谷歌地图在移动设备上一个非常好的主意。