Hating my life dealing with JS imports, async, and google maps

[mighty canyon]

So I would first try removing the async and defer keywords from your script tags. Using those with the script tag means that the browser is free to load the scripts concurrently without any guarantee of ordering.

You also don't need the Maps library to be loaded before your maps.js script, since that doesn't access the "google" property until the function is called.

I'm not 100% sure what the problem is, but I'd try simplifying first by removing async and defer.

[real cave]

Take a look to htmx

[lyric nimbus]

how does this help

[inland fjord]

Hey @still grove , replying by memory so I can be wrong but I think to add the script of Google maps just before the closing tag of your body.
Hopefully you resolve it by the time.

[still grove]

That is very kind of you to notice my old thread. I eventually made a (sorta) peace with the google maps js library.