Charts not rendering

geverwills
Offline
New Member

30 Sep 2020 07:03 #7390

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:

var script = document.createElement('script');  
script.src = "....";  
document.head.appendChild(script);

Please Log in or Create an account to join the conversation.

Daniel
Offline
Administrator

15 Jun 2017 06:03 #4418

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 or Create an account to join the conversation.

Richard Manly
Topic Author
Offline
New Member

14 Jun 2017 09:01 #4412

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:-

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 or Create an account to join the conversation.