in my Ionic 6 application running under capacitor, i'm using angular googleMaps component.
I need to use this map component in several pages of my application.
In my browser, everything works fine.
When i run the app on my IOS physical device, the map is correctly displayed in the first page.
But, when i navigate to other page with the same googleMap component, the map is displayed greyed out.
When i touch the map, the grey disappears and the map is correctly displayed.
In Google Cloud Console, i resticted the API key to some http urls ( not to an IOS app because of ionic ) but this does not solve the issue.
Do you have any ideas ?
Thanks
Related
I made a page in my app that shows a Google map with plenty of markers. When I run it with my android emulator it runs without any problem, but when I set the same android emulator to operate as an iOS device, (with dart dev) it shows only a white screen.
The Google maps watermark doesn't show up neither do the markers and everything. I have already checked my API key and it's correct. Maybe it's an emulator error. I have tried the same in many android emulators.
Platform : iOS
Platform: Android
Would anyone have any ideas?
You should set embedded views preview in Info.plist.
Add the key io.flutter.embedded_views_preview and the value YES in Info.plist file.
In my case, the simulator's location was set to none. Setting to Apple fixed the white screen.
I am facing a very strange issue in iPhone simulator.
I have used Map in my app and while I run my app on the simulator it's not loading and I can see just grid on the screen.
My App Screen:
Default Maps App:
Is there any setting or anything which helps me to see Map on the iPhone simulator?
Note: I can get my current location and movement on my MapView but not able to see the visual view of the map on the screen.
Thanks in advance.
This seems to be a known issue as described in whatchOS 2 Release Notes:
If you do not see map tiles load on the Watch Simulator, launch the Maps app in the iOS simulator first. After that, map tiles will load.
I tried these steps, with no success, the map is always showing an empty grid:
Run the WatchKit app. Then only the WatchKit app launches. In the iOS simulator, I open the built-in Maps app. Map tiles are loaded and shown there. In the Watch simulator, I go to Home and launch my app again. The map remains in yellow empty grid.
In the WatchKit app, I go to Home and launch its Maps app. Maps neither show map tiles, only the yellow empty grid and an activity indicator.
Has somebody else experienced this?
Thanks in advance
I'm using Google maps tiles in iOS. The apps works fine on iOS 8. However, when I run the app on iOS 9. The Google maps itself appear, but the tiles doesn't.
it's quite strange. I didn't notice any errors. It just the tiles dosn't show up. Although on iOS 8 works fine.
Any clue?
I found the issue with the solution on the following link:
http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/
I work in a phonegap project. When insert map of Google in a div tag show the logo and controls to the map, but not show the map, the page is blank.
I include a jquery file, library Google Maps from *.googleapis.com o *.maps.google.com.
Test the code In a browser (safari, chrome, ie) works fine but in the xcode simulator and my iphone is blank screen with the logos of Google.
Any idea?