Closed Newbie012 closed 5 years ago
Remove background-color: #FAFAFA;
Unfortunately, it still does not render the map.
You need to renegerate a map because map is destroyed when map div is removed.
What do you mean by "regenerate"? The map div hasn't been destroyed. It will be destroyed only if navigate to a different page. But if I'll navigate back to the HomePage
, then the same process will occur.
Even if you can't solve the problem, please share your project files on GitHub repository.
Before I asked, I read the docs. Including this presentation. I'm still not sure about what you meant in by regenerating (if that what you assumed by "renegerate").
I haven't shared the project profiles since I saw this behavior in the docs itself. Since the project is private, I will share it with you privately, if you that's ok with you.
I didn't ask you to share your project on public. If you prefer private, I don't mind.
However this is free support. It means supporting is available when I have free time. Unfortunately I don't have much time these days.
You need to wait until I'm ready, or resolve the problem by yourself.
Source code is fully opened ;)
Solved it!!!
After days of trying to figure out why it happens, I accidentally rotated my phone. And for one millisecond - I could the map.
I extracted the map element from ion-content
, and...... There it is!!! It probably has to do with the Shadow DOM.
I'm so happy :tears-of-joy: :D
@wf9a5m75 I think this issue should not be closed yet since it's still a bug. I'm unable to use the maps inside ion-content
. Should I open a new issue?
Please do your best before asking me.
I'm experiencing the same issue. Inside of ion-content, the map div is just white. I'm also seeing the same problems as Newbie012 with the demo app (tested on a OnePlus 3 running Android 8.0 and a Note 9 running Android 8.1.)
Solved it!!!
After days of trying to figure out why it happens, I accidentally rotated my phone. And for one millisecond - I could the map.
I extracted the map element from
ion-content
, and...... There it is!!! It probably has to do with the Shadow DOM.I'm so happy :tears-of-joy: :D
@Newbie012 Can you explain extracted the map element from ion-content ?
@Fresh-Dev-zunairzakir don't use ion-content
I'm submitting a ... (check one with "x")
If you choose 'problem or bug report', please select OS: (check one with "x")
cordova information: (run
$> cordova plugin list
)If you use
@ionic-native/google-maps
, please tell the package.json (only@ionic-native/core
and@ionic-native/google-maps
are fine mostly)Current behavior:
MAP_READY
is being fired without any errors in the console. Although, I don't see the map, I see a white space (not #FAFAFA as I set as default).MAP_DRAG
is being fired once when I drag the white space.I noticed a different behaviors in some devices. I tested the following devices:
Expected behavior:
The map should be displayed for all devices.
Screen capture or video record:
Fails (Meizu Pro 7 Plus)
Succeeds (Pixel 2)
Another thing I've noticed. I've downloaded the![image](https://user-images.githubusercontent.com/10504365/50426075-e9f3f100-088d-11e9-9c5c-72875563803f.png)
sample.apk
file from the docs, and this was the result:But, after moving to a different page, it seemed to worked (in
sample.apk
, not in my app). I'm really confused.Related code, data or error log (please format your code or data):