{"action":"created","issue":{"url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/2487","repository_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps","labels_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/2487/labels{/name}","comments_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/2487/comments","events_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/2487/events","html_url":"https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2487","id":374534903,"node_id":"MDU6SXNzdWUzNzQ1MzQ5MDM=","number":2487,"title":"Use this Plugin with React","user":{"login":"AonanLi","id":29387978,"node_id":"MDQ6VXNlcjI5Mzg3OTc4","avatar_url":"https://avatars2.githubusercontent.com/u/29387978?v=4","gravatar_id":"","url":"https://api.github.com/users/AonanLi","html_url":"https://github.com/AonanLi","followers_url":"https://api.github.com/users/AonanLi/followers","following_url":"https://api.github.com/users/AonanLi/following{/other_user}","gists_url":"https://api.github.com/users/AonanLi/gists{/gist_id}","starred_url":"https://api.github.com/users/AonanLi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AonanLi/subscriptions","organizations_url":"https://api.github.com/users/AonanLi/orgs","repos_url":"https://api.github.com/users/AonanLi/repos","events_url":"https://api.github.com/users/AonanLi/events{/privacy}","received_events_url":"https://api.github.com/users/AonanLi/received_events","type":"User","site_admin":false},"labels":[{"id":133074247,"node_id":"MDU6TGFiZWwxMzMwNzQyNDc=","url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/labels/need%20more%20information","name":"need more information","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-10-26T20:23:35Z","updated_at":"2018-10-26T20:30:56Z","closed_at":null,"author_association":"NONE","body":"Hi there, \r\n\r\nI was using react-google-maps with my phonegap app before, but it doesn't work quite well now, which is why I am trying to switch to this plugin.\r\n\r\nAt first I couldn't see the map, then I found it's because I had a non-transparent background div which covers the map. I set the transparenty in css then I could see the map.\r\n\r\n```\r\n.page--material__background {\r\n    background-color: transparent;\r\n}\r\n```\r\n\r\nThis plugin works great except when I have some React-written UI components on top of the map, I can't touch UI and all the touch events were passed to the map instead.\r\n\r\n![image](https://user-images.githubusercontent.com/29387978/47590272-b265d880-d920-11e8-8273-1622ea2f0bb4.png)\r\n\r\nIn index.html this is how I put the map plugin div with the React div:\r\n\r\n```\r\n<body>\r\n<div id=\"app\"></div>\r\n    <div id=\"map_canvas\">\r\n    <button id=\"button\">Click me!</button>\r\n</div>\r\n</body>\r\n```\r\nWonder if I could find a working example using React which handles the touch event appropriately. Also wonder if it's because the \"transparent\" changes I made make the plugin think the map is on the top. \r\nThanks\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/comments/433534532","html_url":"https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2487#issuecomment-433534532","issue_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/2487","id":433534532,"node_id":"MDEyOklzc3VlQ29tbWVudDQzMzUzNDUzMg==","user":{"login":"AonanLi","id":29387978,"node_id":"MDQ6VXNlcjI5Mzg3OTc4","avatar_url":"https://avatars2.githubusercontent.com/u/29387978?v=4","gravatar_id":"","url":"https://api.github.com/users/AonanLi","html_url":"https://github.com/AonanLi","followers_url":"https://api.github.com/users/AonanLi/followers","following_url":"https://api.github.com/users/AonanLi/following{/other_user}","gists_url":"https://api.github.com/users/AonanLi/gists{/gist_id}","starred_url":"https://api.github.com/users/AonanLi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AonanLi/subscriptions","organizations_url":"https://api.github.com/users/AonanLi/orgs","repos_url":"https://api.github.com/users/AonanLi/repos","events_url":"https://api.github.com/users/AonanLi/events{/privacy}","received_events_url":"https://api.github.com/users/AonanLi/received_events","type":"User","site_admin":false},"created_at":"2018-10-26T20:30:56Z","updated_at":"2018-10-26T20:30:56Z","author_association":"NONE","body":"Thanks for your quick response. \r\nIt's a quite big project. I will see if I could create a simple one and provide you the link."}}
{"actor":{"display_login":"AonanLi"}}