I'm working on an app built using phonegap build which uses the google maps api (not plugin). The map has been working fine until recently where it shows as a blank white screen on some Android phones, mostly those running Android 9. There are no map controls showing, and the rest of the app works fine. A test device using Android 5.1.1 was working fine, as well as on iOS.
After debugging a phone with the issue, one error showed that 'google was not defined'.
In the index.html file, I tried moving the line that imports the google maps api script above the javascript that uses google maps, specifying the version of google maps to a previous one in case a recent change broke it somehow, and loading it using async and not but none of these made a difference.
The issue was because of Google Play's new requirement to include the target SDK version for the latest version of Android - in config.xml I had recently added:
<preference name="android-targetSdkVersion" value="28" />
and google maps javascript was being pulled in with http rather than https - changed in index.html to:
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXX®ion=GB&libraries=places"></script>
and this resolved the white screen showing on some Android devices.
Related
It is working perfectly fine in localhost:3000. Tried every possible solution present in the web but stuck in it around 3 days.I am expecting an approach or solution that can work.Thanks!!
I'm looking to launch the native map app on iOS, Android and Windows Phone devices with multiple destinations shown in the directions.
Sending basic directions works fine using Google and Apple maps daddr but from what I can there's no way to specify multiple destinations using the map link (example below).
https://www.google.com/maps?daddr=LAT,LONG
I've also tried using a URL to load the desktop version of Google maps (which asks if the user wants to open the app anyway) but multiple destinations doesn't seem to be supported with Apple maps. The code below does work on Android devices but not iOS and Window Phone.
https://www.google.co.uk/maps/dir/Current+Location/LAT,LONG,LAT,LONG
Is there any way to make this happen on iOS, Android and Window Phone devices?
Edit: I need to native map apps to launch as this seems to be the only way to show the navigation (sat-nav like) maps.
searched the web, looks like its not supported on iOS
http://www.macworld.com/article/2687984/how-to-create-multi-destination-map-routes-on-your-iphone.html
I've created a simple app using requirejs, angularjs and ui-grid. All it does is to get some data from an excel file and show it on the grid.
It works nicely when I view it on my desktop, but on mobile (Samsung Galaxy S3) it gives an error (shows the {{myBoundVar}} as if angualr app has not started). On Nexus 4, it shows the site, but with an empty grid (although I can see it has taken the data, since I see the grid's headers which are taken from the excel).
I can't seem to debug it, since using remote debugging shows the site correctly (just like it shows it correctly on desktop).
Is there a way to debug directly on mobile (e.g. just see the JS errors)?
You are looking for Remote Debugging on Android with Chrome which allows you to open a live Chrome DevTools window for your website on your android from your Chrome Desktop isntallation as long as you are running Android KitKat or above.
Simply enable developer options on your device, connect it's USB to your computer and visit chrome://inspect in your Chrome browser. More detailed instructions are at https://developer.chrome.com/devtools/docs/remote-debugging.
I have developed a phonegap application in GWT that uses the GWT Api for google maps.
Since recently for iOs5 and iOs6 iphones, the map is no longer displayed, instead I get this message
we are sorry but we don't have maps at this zoom level for this region
What could be the cause?
I've heard that google-maps are no longer installed in apple devices, but I think that this is irrelevant.
I rebuilt the iPhone app and now it works
Counter-offensive from Google?
You don't allow to install our app on your phones, we don't allow your phones to use our API or our site...
I have developed a web application for mobile phones that uses JavaScript Google API. It works fine on any Android phone however on IPhone the map is not "dragable" - I can't move the map (I click on a map and try to move it but it stays the same as if I was trying to move a static image). I found some information pointing out that it is a bug on the IPhone side. If it is true - is there any workaround?
The application that I developed is used as a web application using JavaScript Google Maps API V3, not the IPhone application.
Thanks for any suggestions.
Best Regards,
sass.
Are you using click or touch events?
The iPhone won't see clicks.
What is your Device ? All devices don't respond the same way ^^
(so, did you try on latest devices ?)
By the way, you could take a look at http://www.jqtouch.com/ library ^^