Question

在合并新幻灯片（又名Swiper）和angular-google-maps时，Google地图内部无法拖动，而是会导致灰色空间。

当我们通过.lockSwipes（）

禁用滑动时，甚至会发生这种情况

我尝试失败的是这些属性：

onlyExternal: true
touchMoveStopPropagation: false
preventClicksPropagation: false

最后，我发现像建议的here一样使用google.maps.event.trigger（MapInstance，'resize'）也不起作用。

这是我的代码：

<ion-slides options="swiper">
  <ion-slide-page>
    <ui-gmap-google-map control="map.control" center='map.center' zoom='map.zoom'
    </ui-gmap-google-map>
  </ion-slide-page>
</ion-slides>

和我的.js：

angular.module('ionicApp', ['ionic', 'uiGmapgoogle-maps'])
.controller('MainCtrl', function($scope) {
  $scope.swiper = {
    onInit: function(swiper){
      swiper.lockSwipes();
    }
  };
  $scope.map = { control:{}, center: { latitude: 45, longitude: -73 }, zoom: 8 };
});

这是一个显示我的问题的傻瓜：http://plnkr.co/edit/JiAw0oXRxLGgL3SrE6PK?p=preview2

Answer 1

把自己的头发拉了两个小时后，我终于在这里找到的解决方案为我工作了： John Hann

漫长而短暂的是，Swiper在谷歌地图下面与CSS混淆。由于我使用的是ng-map，这条线对我有用：

ng-map img { max-height: none !important; }

离子：拖动时，新幻灯片（Swiper）+ angular-google-maps会导致灰色空间

1 个答案: