How to display Google Maps in a html UI frame

My google api script that is inside my html page does not load in play canvas. Any way around this? I’d like to display a small google maps frame in my UI html page. I have API key. Is this possible?

Definitely it’s possible, though since HTML in Playcanvas gets appended at a later stage from a Javascript call you might have to rearrange a number of things.

As a starting point you can try to put all of your google api script code in a separate Javascript file and make sure that it’s loaded first here:

image

Playcanvas will load all of your Javascript files in that order and make them available to your application.

If this still doesn’t work for you try posting a simple sample project to take a look.