谷歌地图:无法在移动设备上滚动

发布于 2024-12-09 02:37:04 字数 839 浏览 0 评论 0原文

我在我的网站上使用谷歌地图。它在所有浏览器中都工作得很好,但是我在移动设备上使用它时遇到问题:我无法滚动地图。我怀疑是由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);
  });
}

I am using google maps on my web site. It works perfectly fine in all browsers, however I have problem using it on mobile: I cannot scroll the map. I am suspecting that it is caused by eventListener "click", might it be the case? I am placing marker in the place where user clicked.
Here is the code:

   <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);
  });
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

软的没边 2024-12-16 02:37:07

事实证明,在移动设备上使用 Google 地图并不是一个好主意。

It turns out it's not a very good idea to use Google Maps on a mobile device.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文