Ionic: Neue Folien (Swiper) + eckige-google-Karten führen zu grauem Raum beim Ziehen

Question

Bei der Kombination der neuen Folien (aka Swiper) und eckigen Google Maps, ist das Ziehen innerhalb von Google Maps nicht möglich und führt zu grau Platz stattdessen.

Dies auch passiert, wenn wir Sperrung über .lockSwipes klauen()

Was ich auch sind erfolglos versucht, diese Attribute:

onlyExternal: true 
touchMoveStopPropagation: false 
preventClicksPropagation: false 

Schließlich habe ich festgestellt, dass unter Verwendung von google.maps.event.trigger (MapInstance, 'resize') wie vorgeschlagen here funktioniert auch nicht.

Dies ist mein Code:

<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> 

und in meinem 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 }; 
}); 

Hier ist ein plunkr, dass meine Frage zeigt: http://plnkr.co/edit/JiAw0oXRxLGgL3SrE6PK?p=preview2

Answer 1

Nach meiner eigenen Haare für zwei ziehen Stunden, die Lösung, die ich schließlich hier gefunden habe, funktionierte für mich: https://forum.ionicframework.com/t/google-map-inside-ion-slides-display-issue/53743/2

Die lange und kurze ist, dass der Swiper mit dem CSS unter Google Maps vermasselt. Da ich ng-map verwende, funktionierte diese Zeile für mich:

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