Charts not rendering

More
6 years 11 months ago #4412 by Richard Manly
I have a problem with the page that I have built where on Safari, Google Chrome and Firefox my Google Map charts are not rendering or rendering with missing blocks.

Chrome's console is reporting that no API key is being applied and there are warnings:-
Code:
E: Migrate is installed, version 1.4.1 2jsapi:22 A Parser-blocking, cross site (i.e. different eTLD+1) script, https://www.google.com/uds/?file=visualization&v=1.1&hl=en&packages=controls%2Cmap, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message.See https://www.chromestatus.com/feature/5718547946799104 for more details. google.loader.f @ jsapi:22 2jsapi:22 A Parser-blocking, cross site (i.e. different eTLD+1) script, https://www.google.com/uds/api/visualization/1.1/cc5d8333ad9d2dca8ea31ac15ed4e2df/format+en,default+en,ui+en,map+en,controls+en.I.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message.See https://www.chromestatus.com/feature/5718547946799104 for more details. google.loader.f @ jsapi:22 2jsapi:22 A Parser-blocking, cross site (i.e. different eTLD+1) script, https://www.google.com/uds/?file=visualization&v=1.1&hl=en&packages=corecha…5d8333ad9d2dca8ea31ac15ed4e2df&have=default%2Ccontrols%2Cui%2Cformat%2Cmap, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message.See https://www.chromestatus.com/feature/5718547946799104 for more details. google.loader.f @ jsapi:22 2jsapi:22 A Parser-blocking, cross site (i.e. different eTLD+1) script, https://www.google.com/uds/api/visualization/1.1/cc5d8333ad9d2dca8ea31ac15ed4e2df/webfontloader,corechart+en.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message.See https://www.chromestatus.com/feature/5718547946799104 for more details. google.loader.f @ jsapi:22 maps.googleapis.com/maps-api-v3/api/js/28/18/util.js:215 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

However, I cannot find anywhere in the component where I can apply API keys...

The page is not yet public, but I can share with you by PM

Please Log in to join the conversation.

More
6 years 11 months ago #4418 by Daniel
Replied by Daniel on topic Charts not rendering
Hello,
Please share your backend & FTP login credentials via Contact us form along with the link to the page in frontend where you have published the map chart. We'll look into it.

Thanks
Daniel

Please Log in to join the conversation.

More
3 years 7 months ago #7390 by geverwills
Replied by geverwills on topic Charts not rendering

Richard Manly wrote: A Parser-blocking, cross site (i.e. different eTLD+1) script,


According to Google Developers article, you can:

Use asynchronous script loading, using <script src="..." async> or element.appendChild(),

It is better don't use document.write for CDN , here is workaround:
Code:
var script = document.createElement('script'); script.src = "...."; document.head.appendChild(script);

Please Log in to join the conversation.

Cron Job Starts