Comments (13)
after read carefully here, maybe this is the cause.
Even if you don’t register your payment after the grace period, Google Map in your app would be gray map or something. (I confirmed to Google)
will try it this afternoon or tomorrow
can we get a callback or error code to identified it?
from ionic-native-google-maps.
I was working yesterday.
ionic cordova plugin rm cordova-plugin-googlemaps
ionic cordova platforms rm android
ionic cordova plugin add cordova-plugin-googlemaps
ionic cordova platforms add android
it worked fine.
from ionic-native-google-maps.
Regenerate api key, then retry step4.
from ionic-native-google-maps.
me too
dont work even with new key, grey box with google logo but no map loaded
from ionic-native-google-maps.
Gray map means your api key doesn't allow to use Google maps api or your app fingerprint is mismatch with restrictions. This is not bug, it's YOUR problem. Make sure everything.
from ionic-native-google-maps.
from ionic-native-google-maps.
Even after regenerating api key, I recommend you give up this plugin, and you use Google Maps JavaScript v3.
from ionic-native-google-maps.
ping
from ionic-native-google-maps.
added billing account
add SHA-1 certificate fingerprint
generate new key
check the api enabled
remove plugin
remove platform
add plugin and platform with new key, still not work
even test it on blank new project. not work still grey
i hope there is some error code show
please suggest me, what should i check again?
btw this is happen when updated to latest version, maybe last choice between downgrade or change to agm
from ionic-native-google-maps.
Remove the fingerprint.
from ionic-native-google-maps.
from ionic-native-google-maps.
I have found the problem,
just like @wf9a5m75 said before, it's because wrong API Key, but not the Key it self wrong.
I am sure inserted the right key.
But the documentation on page this slide https://docs.google.com/presentation/d/1zlkmoSY4AzDJc_P4IqWLnzct41IqHyzGkLeyhlAxMDE/edit#slide=id.g282d0a7bfd_0_107
THIS IS WRONG (DO NOT COPY FROM THERE)
$> ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID=”.....” --variable API_KEY_FOR_IOS=”.....”
it contain wrong cli format or typo on double quote, it's not quote but like apostrophe.
If you copy the command to the terminal then insert the key, the command will produce this line on config.xml :
<variable name="API_KEY_FOR_ANDROID" value="”KEY”" />
package.json:
"cordova-plugin-googlemaps": {
"API_KEY_FOR_ANDROID": "”ANDROID_KEY”",
"API_KEY_FOR_IOS": "”IOS_KEY”",
"PLAY_SERVICES_VERSION": "15.0.1",
"ANDROID_SUPPORT_V4_VERSION": "26.1.0",
"LOCATION_WHEN_IN_USE_DESCRIPTION": "This app wants to get your location while this app runs only.",
"LOCATION_ALWAYS_USAGE_DESCRIPTION": "This app wants to get your location always, even this app runs in background."
}
And then make your API Key wrong.
Hope the ionic team fix the typo cli command on the documentation. Btw it's nice docs.
@moscarar are you following the documentation in google docs? check your package.json and config.xml, is it the right key?
- remove plugin
- remove platform
- add plugin with the right command (make sure it's NOT apostrophe)
- add platform
from ionic-native-google-maps.
I believe general programmer understand <variable name="API_KEY_FOR_ANDROID" value="”KEY”" />
is wrong without thinking.
Anyway, congrats.
from ionic-native-google-maps.
Related Issues (20)
- Feature: markerCluster visibility HOT 2
- Exclude places from map HOT 11
- Zoom events HOT 1
- addMarker bug with path to image file in icon option HOT 1
- Ionic 5 (IOS) use Geocoder.geocode can't get result.extra.lines HOT 1
- Custom Marker Icon shows on browser but not on Android HOT 3
- ionic v5? HOT 3
- Cluster Icon not showing HOT 14
- MarkerOptions.anchor doesn't affect on position
- Plugin 'map' not found, or is not a CDVPlugin. Check your plugin mapping in config.xml HOT 7
- can i export map with kml overlay to kmz HOT 1
- Loading concurrent KML overlays does not work HOT 2
- The new marker has updated its location but old marker not remove in ionic native google map HOT 1
- White Screen when calling Google Maps Plugin after upgrading from [email protected] to [email protected] HOT 13
- Does plugin currently work with Ionic + Capacitor.
- Error: DIV[#map_canvas] is too small. Must be bigger than 100x100 HOT 3
- Error: GeocoderResult[] (Ionic 5 & Vue 3)
- Does plugin currently work with custom map styling using map ID
- VisibleRegion.toUrlValue() return error
- Ionic 6 support HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-native-google-maps.