{"action":"opened","issue":{"url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/1782","repository_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps","labels_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/1782/labels{/name}","comments_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/1782/comments","events_url":"https://api.github.com/repos/mapsplugin/cordova-plugin-googlemaps/issues/1782/events","html_url":"https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/1782","id":261195140,"number":1782,"title":"Map not showing properly with ionic native","user":{"login":"laerciokonzen","id":2004796,"avatar_url":"https://avatars2.githubusercontent.com/u/2004796?v=4","gravatar_id":"","url":"https://api.github.com/users/laerciokonzen","html_url":"https://github.com/laerciokonzen","followers_url":"https://api.github.com/users/laerciokonzen/followers","following_url":"https://api.github.com/users/laerciokonzen/following{/other_user}","gists_url":"https://api.github.com/users/laerciokonzen/gists{/gist_id}","starred_url":"https://api.github.com/users/laerciokonzen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/laerciokonzen/subscriptions","organizations_url":"https://api.github.com/users/laerciokonzen/orgs","repos_url":"https://api.github.com/users/laerciokonzen/repos","events_url":"https://api.github.com/users/laerciokonzen/events{/privacy}","received_events_url":"https://api.github.com/users/laerciokonzen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-09-28T05:10:42Z","updated_at":"2017-09-28T05:10:42Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n=========================================================\r\nPlease support the plugin project\r\n=========================================================\r\nMasashi and Hirbod work for this plugin tons of times.\r\nIn order to provide this plugin as free in the future, please donate some small amount (such a $5 or $10 is fine).\r\n\r\n[This is $5 donation link at paypal](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=SQPLZJ672HJ9N&lc=US&item_name=Cordova%2dGoogleMaps%2dPlugin&amount=5%2e00&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted)\r\n\r\n=========================================================\r\nBefore ask your question, problems or feature request\r\n=========================================================\r\n\r\n## For the person who want to report your problem or the plugin bugs\r\n\r\nPlease search the past issues at first. You might get any hints.\r\nIf you can't solve your problem, please post your problems with enough information.\r\n\r\nIf you share your project files on Github(or others), your issue would be fixed soon.\r\nIf you can't share your project files (i.e. company project), please create a demo project, then share it.\r\n\r\n## For the person who want to request new feature\r\n\r\nThis plugin is open source. You can use this plugin as free.\r\nHowever, in order to add one new feature, we need to work tons of times.\r\nPlease consider any donation.\r\nWe typically start working if the donation reach to $1,000 USD. (You can fundraise at here)\r\n\r\n=========================================================\r\nLanguage support\r\n=========================================================\r\nEnglish or Japanese please.\r\n\r\n--->\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[ ] question\r\n[x] any problem or bug report\r\n[ ] feature request\r\n\r\n**The plugin version:**  (check one with \"x\")\r\n[ ] **2.0-beta3 (github)** \r\n[x] **2.0 (npm)** \r\n\r\n**If you choose 'problem or bug report', please select OS:**  (check one with \"x\")\r\n[x] **Android**\r\n[ ] **iOS**\r\n\r\n**cordova information:**  (run `$> cordova plugin list`) \r\n\r\n```\r\ncom.googlemaps.ios 2.4.0 \"Google Maps SDK for iOS\"\r\ncordova-plugin-console 1.0.5 \"Console\"\r\ncordova-plugin-device 1.1.4 \"Device\"\r\ncordova-plugin-googlemaps 2.0.11 \"cordova-plugin-googlemaps\"\r\ncordova-plugin-nativestorage 2.2.2 \"NativeStorage\"\r\ncordova-plugin-splashscreen 4.0.3 \"Splashscreen\"\r\ncordova-plugin-statusbar 2.2.2 \"StatusBar\"\r\ncordova-plugin-whitelist 1.3.1 \"Whitelist\"\r\nionic-plugin-keyboard 2.2.1 \"Keyboard\"\r\n```\r\n\r\n**If you use `@ionic-native/google-maps`, please show me the package.json**\r\n\r\n```json\r\n{\r\n    \"name\": \"App-EMDC\",\r\n    \"version\": \"0.0.1\",\r\n    \"author\": \"Ionic Framework\",\r\n    \"homepage\": \"http://ionicframework.com/\",\r\n    \"private\": true,\r\n    \"scripts\": {\r\n        \"clean\": \"ionic-app-scripts clean\",\r\n        \"build\": \"ionic-app-scripts build\",\r\n        \"lint\": \"ionic-app-scripts lint\",\r\n        \"ionic:build\": \"ionic-app-scripts build\",\r\n        \"ionic:serve\": \"ionic-app-scripts serve\"\r\n    },\r\n    \"dependencies\": {\r\n        \"@angular/common\": \"4.1.3\",\r\n        \"@angular/compiler\": \"4.1.3\",\r\n        \"@angular/compiler-cli\": \"4.1.3\",\r\n        \"@angular/core\": \"4.1.3\",\r\n        \"@angular/forms\": \"4.1.3\",\r\n        \"@angular/http\": \"4.1.3\",\r\n        \"@angular/platform-browser\": \"4.1.3\",\r\n        \"@angular/platform-browser-dynamic\": \"4.1.3\",\r\n        \"@ionic-native/core\": \"^4.2.1\",\r\n        \"@ionic-native/google-maps\": \"^4.3.0\",\r\n        \"@ionic-native/native-storage\": \"^4.2.1\",\r\n        \"@ionic-native/splash-screen\": \"4.2.0\",\r\n        \"@ionic-native/status-bar\": \"4.2.0\",\r\n        \"@ionic/storage\": \"2.0.1\",\r\n        \"cordova-android\": \"^6.2.3\",\r\n        \"cordova-ios\": \"^4.4.0\",\r\n        \"cordova-plugin-console\": \"^1.0.5\",\r\n        \"cordova-plugin-device\": \"^1.1.4\",\r\n        \"cordova-plugin-googlemaps\": \"git+https://github.com/mapsplugin/cordova-plugin-googlemaps.git\",\r\n        \"cordova-plugin-googlemaps-sdk\": \"git+https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk.git\",\r\n        \"cordova-plugin-nativestorage\": \"^2.2.2\",\r\n        \"cordova-plugin-splashscreen\": \"^4.0.3\",\r\n        \"cordova-plugin-statusbar\": \"^2.2.2\",\r\n        \"cordova-plugin-whitelist\": \"^1.3.1\",\r\n        \"ionic-angular\": \"3.4.2\",\r\n        \"ionic-plugin-keyboard\": \"^2.2.1\",\r\n        \"ionicons\": \"3.0.0\",\r\n        \"rxjs\": \"5.4.0\",\r\n        \"sw-toolbox\": \"3.6.0\",\r\n        \"zone.js\": \"0.8.12\"\r\n    },\r\n    \"devDependencies\": {\r\n        \"@ionic/app-scripts\": \"1.3.7\",\r\n        \"ionic\": \"3.12.0\",\r\n        \"typescript\": \"2.3.3\"\r\n    },\r\n    \"description\": \"An Ionic project\",\r\n    \"cordova\": {\r\n        \"plugins\": {\r\n            \"cordova-plugin-console\": {},\r\n            \"cordova-plugin-device\": {},\r\n            \"cordova-plugin-splashscreen\": {},\r\n            \"cordova-plugin-statusbar\": {},\r\n            \"cordova-plugin-whitelist\": {},\r\n            \"ionic-plugin-keyboard\": {},\r\n            \"cordova-plugin-nativestorage\": {},\r\n            \"cordova-plugin-googlemaps\": {\r\n                \"API_KEY_FOR_ANDROID\": \"--------\",\r\n                \"API_KEY_FOR_IOS\": \"--------\",\r\n                \"LOCATION_WHEN_IN_USE_DESCRIPTION\": \"Show your location on the map\",\r\n                \"LOCATION_ALWAYS_USAGE_DESCRIPTION\": \"Trace your location on the map\"\r\n            }\r\n        },\r\n        \"platforms\": [\r\n            \"android\",\r\n            \"ios\"\r\n        ]\r\n    }\r\n}\r\n```\r\n\r\n**Current behavior:**\r\nThe map show on the correct div, but are not showing properly \r\n\r\n**Expected behavior:**\r\nShow the map.\r\n\r\n**Steps to reproduce:**\r\nJust create a page with the documented code: [https://ionicframework.com/docs/native/google-maps/](https://ionicframework.com/docs/native/google-maps/)\r\nAnd the html below:\r\n```html\r\n<ion-header>\r\n    <ion-navbar>\r\n        <ion-title>Detalhes do produto</ion-title>\r\n    </ion-navbar>\r\n</ion-header>\r\n<ion-content padding>\r\n    <div id=\"map\" style=\"width:100%; height: 400px;\"></div>\r\n    <ion-card>\r\n        <!-- <img src=\"https://ionicframework.com/dist/preview-app/www/assets/img/advance-card-map-madison.png\"> -->\r\n        <ion-fab right top>\r\n            <button ion-fab>\r\n                <ion-icon name=\"pin\"></ion-icon>\r\n            </button>\r\n        </ion-fab>\r\n        <ion-card-content>\r\n            <ion-card-title>\r\n                <ion-icon name=\"ios-cart-outline\" item-start large></ion-icon>\r\n                {{produto.estabelecimento.nome}}\r\n            </ion-card-title>\r\n            <p>{{produto.estabelecimento.endereco}}</p>\r\n        </ion-card-content>\r\n\r\n        <ion-item (click)=\"openMap()\">\r\n            <!-- <span item-left>18 min</span> -->\r\n            <button ion-button icon-left clear item-end>\r\n                <ion-icon name=\"navigate\"></ion-icon>\r\n                Mapa\r\n            </button>\r\n        </ion-item>\r\n    </ion-card>\r\n    <ion-list>\r\n        <ion-item>\r\n            <ion-avatar item-start>\r\n                <img src=\"{{produto.imagem}}\">\r\n            </ion-avatar>\r\n            <h2>{{produto.nome}}</h2>\r\n            <p>{{produto.estabelecimento.nome}}</p>\r\n            <div item-end [ngClass]=\"{'produto-favorito': produto.favorito}\">\r\n                <div class=\"preco\">R$ {{produto.preco}}</div>\r\n                <div (click)=\"favoritar(produto, $event)\">\r\n                    <ion-icon class=\"favorito\" name=\"{{produto.favorito ? 'md-star' : 'md-star-outline'}}\">\r\n                        {{produto.favorito ? 'favorito' : 'favoritar'}}\r\n                    </ion-icon>\r\n                </div>\r\n            </div>\r\n        </ion-item>\r\n    </ion-list>\r\n</ion-content>\r\n```\r\n\r\n**Screen capture or video record:**\r\n<img src=\"https://user-images.githubusercontent.com/2004796/30950003-357c243e-a3f0-11e7-81bc-c8a6cbfa1256.png\" width=\"500\" />\r\n![ezgif com-resize](https://user-images.githubusercontent.com/2004796/30950158-7e5211d6-a3f1-11e7-8810-784694e53154.gif)\r\n\r\n\r\n\r\n**Related code, data or error log (please format your code or data):**\r\nNo error are showing on console of chrome://inspect\r\n"}}
{"actor":{"display_login":"laerciokonzen"}}