How work with Geochart in the ng2-google-charts? about ng2-google-charts HOT 6 CLOSED

I seem to have the same issue.
in html: <google-chart [data] = "geoData">

in TS:
private geoData:{
chartType:'geochart',
mapsApiKey: 'xxx',
dataTable:[
['City', 'Population'],
['Melbourne', 456789]
],
options:{
'region':53,
'displayMode':'markers'
}
}

from ng2-google-charts.

Hi, I've created an example of a GeoChart, the API key is not necessary.
see https://embed.plnkr.co/MtGEf8zM7AOaGZKX9aXT/

from ng2-google-charts.

This seems related to google/google-visualization-issues#2292

Apparently an API-KEY is now needed. Unfortunately I am unable to reproduce your problem unless you post some code.

from ng2-google-charts.

Am facing this same issue, how can I get the api key set?

tried this in my index.html but still not working..

 <script src="https://www.google.com/jsapi"></script>
<script>
google.load('visualization', '1.0', {
    'packages': ['corechart'],
    'mapsApiKey': 'your-api-key'
});
</script>

This helped to set the key but am still getting the mapsApiKeyError

   google.load('visualization', '1.0', {
       'packages': ['corechart'],
       'other_params': 'key=your-api-key'
   });
   console.log(google);

from ng2-google-charts.

Thanks I got it working now without the api keys.

from ng2-google-charts.

For anyone here wondering why the API key warning comes up if they're using their own data but not in the example, make sure your country names match what Google reads them as. If you supply a country name Google doesn't recognize immediately is when the API key error will show. For example, Russia should be 'Russia' not something like 'Russian Federation'.

Hope this helps someone.

from ng2-google-charts.