【问题标题】:Google map pan controls shown but not working (on mobile)谷歌地图平移控件显示但不工作(在移动设备上)
【发布时间】:2015-09-07 10:34:13
【问题描述】:

我需要为我的 Google 地图禁用 draggable 选项并激活平移控件,以便用户可以在移动设备上正确查看地图。所以这是我的选择:

panControl: true,
draggable: false

平移控件出现在地图上,但似乎已停用。我怎样才能激活它?我也有marker和infoWindow,不知道会不会影响pan,所以这里有完整的地图代码:

function initMap() {

  var latLng = new google.maps.LatLng( myloc , myloc ),

  options = {
    zoom: 15,
    center: latLng,
    panControl: true,
    draggable: false,
    zoomControl: true,
    streetViewControl: !1,
    mapTypeControl: !1,
    scrollwheel: !1,
  },

  mapContainer = document.getElementById("map"),

  map = new google.maps.Map(mapContainer, options),

  marker = new google.maps.Marker({
    position: latLng,
    map: map,
    icon: "/img/map-marker.png"
  }),

  infoWindowContent = '<div class="infowindow">My Info</div>',

  infoWindow = new google.maps.InfoWindow({
    content: infoWindowContent
  });

  infoWindow.open(map, marker), google.maps.event.addListener(marker, "click", function() {
    infoWindow.open(map, marker)
  }), google.maps.event.addDomListener(window, "resize", function() {
    map.setCenter(latLng)
  });

}

【问题讨论】:

  • 您使用的是 javascript 移动开发框架吗?例如离子?
  • 不,对于主模板我使用 Foundation Zurb 5

标签: javascript android google-maps google-maps-api-3 zurb-foundation-5


【解决方案1】:
$(document).on('touchstart', 'div[title*=Mover]', function () {
    $(this).trigger('click');
    return false;
});

将“Mover”更改为“Pan”或您在 GMaps 脚本中使用的语言调用的任何 Pan 命令。

【讨论】:

  • 我忘了说这段代码是用于 jQuery 的。但它很容易适应原始 Javascript。另外,请考虑使用“开头为”选择器 (^),而不是我使用的“任何”选择器 (*)。
猜你喜欢
  • 2017-03-15
  • 1970-01-01
  • 2017-11-08
  • 1970-01-01
  • 2013-04-01
  • 2019-11-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多