Hello,
I followed the steps in the answer to this ticket https://www.flexmonster.com/question/how-to-create-google-charts-maps-visulization/?hilite=%22Google%22%2C%22Maps%22.
The Geo Chart was rendered successfully, but 2 errors appeared in the console (see images attached), after the GeoChart loads.
Can someone help me solve the errors? The recommended links below the errors in the image are the following:
Both of them are related to configurations that seem to be handled directly by Flexmonster and I don't know how to solve them while using the integrations with Flexmonster.
I can share the code that I'm using, if necessary, but the only differences from this jsFiddle that I've identified are the following:
import Flexmonster from "flexmonster";
(that is used in line 1 from the jsFiddle) from the node_modules. It seems that this library was installed together with react-flexmonster.
Thank you for your time!
Hello, Fabio!
Thank you for reaching out to us.
We kindly recommend replacing our mapsApiKey
with your own.
The mentioned key can be found inside google.charts.load()
function:
google.charts.load('current', {
'packages': ['geochart'],
'mapsApiKey': //your key here
});
Here you can find more details about Google Maps keys: https://developers.google.com/maps/documentation/javascript/get-api-key.
Please let us know if it helps.
Looking forward to hearing from you.
Regards,
Solomiia
Hello, Fabio!
Hope you are doing well.
Our team is wondering if you had some time to try the suggested approach and replace mapsApiKey
with your own. Could you please let us know if it helps?
Looking forward to hearing your feedback.
Regards,
Solomiia
Hello, Fabio!
Hope you are having a great week.
Just checking in to ask if replacing mapsApiKey helps to resolve the case.
Looking forward to hearing from you.
Regards,
Solomiia