Hello everyone
We're using the google places api for an address autocomplete pcf control. My current issue is that when I open the form from an overview the onload function of the script is not getting called and if then only in rare cases. If I reload the form the onload function is hit everytime.
private appendGoogleApiUrlToDom(context: ComponentFramework.Context<IInputs>) {
if (!document.getElementById('googleapi')) {
let googleApiKey = context.parameters.googleapikey.raw;
let scriptUrl = "https://maps.googleapis.com/maps/api/js?libraries=places&language=en&key=" + googleApiKey;
let scriptNode = document.createElement("script");
scriptNode.id = "googleapi";
scriptNode.defer = true;
scriptNode.setAttribute("type", "text/javascript");
scriptNode.setAttribute("src", scriptUrl);
scriptNode.onload = () => {
debugger
googleApiLoaded = true;
context.factory.requestRender();
}
document.head.appendChild(scriptNode);
}
}
Is there another possibility to load external javascript libraries like the google api? With the onload function I could workaround the issue of google not being defined but later on the control depends on the googleApiLoaded variable which doesn't get set despite google being available.
Thanks!
