{"action":"created","issue":{"url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/623","labels_url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/623/labels{/name}","comments_url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/623/comments","events_url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/623/events","html_url":"https://github.com/wf9a5m75/phonegap-googlemaps-plugin/issues/623","id":106693586,"number":623,"title":"inconsistent intialization of map on iOS.","user":{"login":"celron","id":7539817,"avatar_url":"https://avatars.githubusercontent.com/u/7539817?v=3","gravatar_id":"","url":"https://api.github.com/users/celron","html_url":"https://github.com/celron","followers_url":"https://api.github.com/users/celron/followers","following_url":"https://api.github.com/users/celron/following{/other_user}","gists_url":"https://api.github.com/users/celron/gists{/gist_id}","starred_url":"https://api.github.com/users/celron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/celron/subscriptions","organizations_url":"https://api.github.com/users/celron/orgs","repos_url":"https://api.github.com/users/celron/repos","events_url":"https://api.github.com/users/celron/events{/privacy}","received_events_url":"https://api.github.com/users/celron/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-09-16T03:56:10Z","updated_at":"2015-09-16T11:30:37Z","closed_at":null,"body":"I have a very unusual problem in which I'm not sure if the problem is with iOS, the plugin or just google maps api.\r\nOn iOS 9.1, *sometimes* the map does not appear.  In iOS 8.4 there is no problem.  \r\nIn examining the logs, there does not appear to be any problems, and when I rotate the display to landscape, the screen *is* redrawn correctly.\r\nI'm using Cordova 5.2 with 1.2.9 of the googlemaps plugin and am using jquery and jquery mobile though that shouldn't affect the problem.\r\nThe html is rendered correctly as can be seen the following picture.\r\n![image](https://cloud.githubusercontent.com/assets/7539817/9895982/2cbfc142-5c04-11e5-8d8c-a10c269083d2.png)\r\n\r\nThe screen normally looks like \r\n![image](https://cloud.githubusercontent.com/assets/7539817/9896088/412f1cda-5c05-11e5-9cfe-67a40c76d877.png)\r\n\r\nI tried using map.refreshLayout() but it does not cause the screen to be drawn.  Is there any other function that I might use to refresh the map? or to see what can be happening with the display?\r\n\r\n\r\n<bountysource-plugin>\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/26718872-inconsistent-intialization-of-map-on-ios?utm_campaign=plugin&utm_content=tracker%2F637500&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F637500&utm_medium=issues&utm_source=github).\r\n</bountysource-plugin>"},"comment":{"url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/comments/140713208","html_url":"https://github.com/wf9a5m75/phonegap-googlemaps-plugin/issues/623#issuecomment-140713208","issue_url":"https://api.github.com/repos/wf9a5m75/phonegap-googlemaps-plugin/issues/623","id":140713208,"user":{"login":"Hirbod","id":504909,"avatar_url":"https://avatars.githubusercontent.com/u/504909?v=3","gravatar_id":"","url":"https://api.github.com/users/Hirbod","html_url":"https://github.com/Hirbod","followers_url":"https://api.github.com/users/Hirbod/followers","following_url":"https://api.github.com/users/Hirbod/following{/other_user}","gists_url":"https://api.github.com/users/Hirbod/gists{/gist_id}","starred_url":"https://api.github.com/users/Hirbod/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Hirbod/subscriptions","organizations_url":"https://api.github.com/users/Hirbod/orgs","repos_url":"https://api.github.com/users/Hirbod/repos","events_url":"https://api.github.com/users/Hirbod/events{/privacy}","received_events_url":"https://api.github.com/users/Hirbod/received_events","type":"User","site_admin":false},"created_at":"2015-09-16T11:30:37Z","updated_at":"2015-09-16T11:30:37Z","body":"Let's assume following scenario: (or ```<div>``` is ```<ion-page>``` or ```<ons-page>```)\r\n```html\r\n<html> -- will be transparent\r\n   <body> -- will be transparent\r\n    <div class=\"page-background\"></div>* -- NOT TRANSPARENT\r\n      <div> -- will be transparent\r\n         <div> -- will be transparent\r\n           <div> -- will be transparent\r\n              <div id=\"map\"></div>\r\n...\r\n...\r\n```\r\n *this is something that happens e.g. on onsenUI, not a parent node, will not be recognized from plugin\r\n\r\nAlso, elements that where added after the plugin was initialized will not be transparent. refreshLayout() need to be called, sometimes you just need to make it transparent on your on.\r\n\r\nI'm using OnsenUI, I have a global $rootScope function, which I call everytime I change the view, just to make sure that my \"special\" div's are transparent. (ons.ready()) - ionic will have for sure it's own ready mechanism, which can be called when it's ready rendering it's content. \r\n\r\nYou should hook on that. Use the DOM inspector and bubble up every parent-node until you find the one which was not set to transparent. After I understand that, it worked perfectly."}}