I have a RN app that uses react-native-maps. I was able to successfully render the Map in the Android and iOS Emulators, but when I build it out (using Expo), the app works but the Map renders as a Gray screen with the Google logo on the bottom left-hand corner.
I have an API key and have enabled all of the essential APIs in the
Google Developer Console.
I have only tested this on a physical Android device.
So,
What am I missing?
Should I consider using Mapbox instead?
EDIT:
I did not add anything to a build.gradle or anything of the sort from the Android Studio end; just front-end stuff. Is this required?
I face same problem of greyed map, when use LocationView of react-native-location-view. Greyed Map resolved by Enable Maps SDK for Android. Follow as shown in
Enable Maps SDK for Android in your developer console
https://console.developers.google.com
Related
I want to use xamarin.forms maps offline with google maps.
I know how to do it in xamarin for android - using MapTypeNone, and loading the my own TileProvider.
Is there a way to do it also in xamarin.forms instead of using different code for android and IOS ?
You can use a Dependency service/Custom Renderer to separate that code, not sure if it is possible to use Google Maps but there are other options like:
https://components.xamarin.com/view/nutiteqmapssdk
and
iOS and Basic offline app
Hope this helps.
I am building a hybrid mobile app using the ionic framework utilizing the google maps javascript api with geolocation. I followed the sample code from their site and the app runs fine when i run on the browser but when i test on my android device, the map loads perfectly but the geolocation does not work at all. Any help/tips?
i things you used ngCordova Plugins
its plugins used for getting current location of device [lat,lng] and its latlng to display in your map.
thanks and good luck.
I developed a chrome packaged app and was successful running it on a computer (Windows, Mac, Linux). Basically what the app does is it refers to another web application that I created as well with Google Maps Javascript API in it that displays the location using pushpins and I am displaying it using webview.
However, we need this app to be ported to a mobile device as well but when I tested on my Samsung Tablet with android version 4.4.2, the webview does NOT seem to work even if I enabled the "webview":"system" in the Manifest.mobile.json. Is there a way for me to achieve this in porting the chrome app to mobile using webview?
Any help is appreciated. Thanks in advance.
Nevermind, I have already read from the API and Libraries page of mobile chrome app under "APIs Coming in the Long Term" section in where webview is listed and so tag is not supported "yet".
https://github.com/MobileChromeApps/mobile-chrome-apps/blob/master/docs/APIsAndLibraries.md
I used Nokia here map (version 2.5.4) within my web application, but if I open my web site on mobile device (Tested on Android 4.x Nexus 7 ,IOS7 IPhone5c ) it is unable pinch-to-zoom.
I also found a similar issue:
Nokia Here JavaScript API disables pinch zoom in iOS
I also try downgrade here map API version to 2.2.3, pinch-to-zoom is working but I cannot use the built-in marker function in 2.2.3 version.
Any solution/suggest?
I found the solution!
First we detect client , if client device is mobile/tablet
Than load 2.2.1 here map , otherwise load newly version
In my case , i also need use custom icon marker with overlay text .
In newly version , i can use https://github.com/heremaps/examples/tree/master/maps_api_for_javascript/demos/text-on-icon-marker to meet the requirement.
Unfortunately , in 2.2.1 above solution is not working, but we can referring to http://api.maps.nokia.com/en/playground/examples/maps/map_objects/customsvgmarker.html using SVG image instead of bitmap .
But this solution only working on Android 4.x .
IOS is not working
Please use the newest Here Maps API for JavaScript 3.0, you can find more information on developer.here.com, this Version is optimized for mobile usage.
An extensive set of examples for the API can be found on the API Explorer.
There is also a migration guide available to help your upgrade from 2.x to 3.x
I'm trying to port existing wp7 app to wp8 and there is problem with maps. Map is made from 6 tiles. Everything is working well, but pinching is terrible. Works much worse than on WP7.
Anything changed in WP8? What I have found is small information from microsoft presentation which says that in WP8 some things from pinch and strech were improved
Extends the ManipulationDeltaEventArgs class
PinchManipulation property
Provides center point for the original and current gesture
my 0.02$: On WP8 you should move from Bing Maps to using the new Nokia Maps control # http://www.developer.nokia.com/Resources/Library/Lumia/guide-to-the-maps.html
If you have just ported your app to WP8 from WP7 then everything should work as before. The only problem might be if you have hardcoded some display resolution values in your app, for computing the pinch gestures for example, and the app in now running on device with 720p display - it has height 853px instead of 800px.
Anyway as Justin noted you can switch to new Nokia maps in WP8, but you can still use Bing maps as well, although they are deprecated on WP8. You just have to reference new WP8 Bing maps library in folder:
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Libraries