So i am trying to implement this google map plugin but after implementing it doesnt show the map. I am pretty sure that I used the correct API key.
It look something like this
I searched for any solution but still I can find the exact answer.
I cant create plunker so this is the source code](https://github.com/kevinpallado/last )
Anyone know how to solve this problem?
Below is my systems info
Ionic:
ionic (Ionic CLI) : 4.1.2 (C:\Users\Kevin\AppData\Roaming\npm\node_modules\i
onic)
Ionic Framework : ionic-angular 3.9.2
@ionic /app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.0.0
Cordova Plugins : not available
System:
NodeJS : v8.11.2 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 8.1
Grey map means your api key problem.
You need to enable three APIs Google Maps SDK for Android
, Google Maps SDK for iOS
and Google Maps JavaScript API v3
.
Regenerate your API keys following with this page instruction.
# How to generate API keys?
To use the cordova-plugin-googlemaps API, you must register your app project on the Google API Console and get a Google API key which you can add to your app.
## Quick guide to getting a key
----------------------------------------------------------------
### Create a project
https://cloud.google.com/maps-platform/#get-started
Go to the above url, which guides you through the process of registering a project in the Google API console, activates the Maps APIs, and generates a generic, unrestricted API key.
<img src="./tutorial1.png" width="500">
<br>
<br>
<img src="./tutorial2.png" width="500">
This file has been truncated. show original
Still after regenerating the key i still get grey map, I assure also that android,ios , javascript map API is enabled
does the internet speed affects the loading speed for google maps? after reinstall platforms and googlemap plugin the only improvement is theres someone arrow in the upper left corner
I`ll mark this as solution reinstalling platforms and plugins of googlemap thanks