Brock01Aug 13 3
After two days of searching and searching and searching for solutions and yet no wanted results I've decided I need help. It seems like it hasn't been tried before so I'll reproduce my situation as coherent and complete possible.
In short, the goal:
1. To have an ion-list repeat ion-items via ng-repeat with data from
the controller.
2. These ion-items represent a title and a piece of information linked to that title, three times.
3. The "information"-ion-items are hidden when entering the page and can be opened by clicking their title (using ng-show).
3. Inside each "information"-ion-item I want to show a google map, with data from the controller, when opened.
Problem:
Even after calling google.maps.event.trigger($scope.map, 'resize'); there are still grey tiles. Yes, I have tried timeout, google maps' eventlistener when map is idle, ng-if, document ready stuff, directives, creating the maps on an opened ion-item and then hide when loaded, $ionicPlatform.readt(function..), cordova whitelist, ng-map plugin, other plugins,... nothing works.
What I want it to do:
It should just open a "information"-ion-item when a title is clicked. It should load a map from data, put it in the div (yes, css is styled correctly and I've set max-width: none, and height to a fixed size in px), resize it and call it a day.
Please. Help. It's. Killing. Me.
Updated plunker: http://plnkr.co/edit/BwZk9V534pIRkWADFjjw?p=preview35 as you can see in a browser it works fine but on my smartphone it resizes but still shows grey tiles..
Thanks already for the support!