Hi All, I have an implementation using google maps js api. It works perfectly when I run it in a component. However, I want it to display in a modal. When I run it in a modal, it gets no errors reported and the map object seems to be created, the div can be found, but it just does not render the ma…

Same problem here… Gotta a blank modal…

Same here. Any solution has been found?

any one got solution ? please help me , Struggling with same issue

I’m facing the same issue… We need help :frowning:

This thread is ancient, and the code in the OP is totally irrelevant. Nobody can solve this problem based on it.

So here’s my code : incident.ts (open the modal on button click) openMap(){ let modal = this.modalCtrl.create(IncidentMapPage, {"address": this.geoAddress}); modal.present(); } incident-map.html <ion-content> <ion-grid> <ion-row> <ion-col col-10> <ion-item> <ion-input…

open your device and inspect modal then find class .ion-page.show-page change its opacity from 1 to 0

Thanks, but it’s not working. This is what I get : [image] I fixed the issue on iPhone by adding : let appRoot = <HTMLCollectionOf<any>>document.getElementsByClassName("app-root"); appRoot[0].style.opacity = 0; Inside the ionViewDidEnter of the map’s page. But on iPad it’s not working : [imag…

once you found any better solution please update @Alex_gsy

Well, like I said, I use this solution for smartphones : let appRoot = <HTMLCollectionOf<any>>document.getElementsByClassName("app-root"); appRoot[0].style.opacity = 0; For tablets, I decided, as I can’t find any good solution, to make the modal full screen, this solves the issue thanks to the app…

Modal - map not assigned to div

Ionic Framework ionic-v3

atmo December 19, 2017, 1:33am 13

My workaround is to set the underneath page transparent, on modal created/dismissed.

here it is

Topic		Replies	Views
Google Map not displayed ionic-v3	21	1837	November 15, 2017
How to show Native Google Maps inside a Modal? ionic-v3	8	4103	July 19, 2021
Displaying google maps in modal ionic-v3	3	1912	April 6, 2017
Google maps doesn't show up in modal ionic-v1	5	4321	May 22, 2017
ngMap not working when used inside of an ionicModal	0	844	December 24, 2015

Modal - map not assigned to div

Related topics