无法在Laravel应用程序上加载Google地图

Question

I'm trying to load the google maps js API on a Laravel application, and I just keep getting an error 'initMap is not a function'.

I think it's probably an issue that's related to the visibility of initMap function from the global scope. Error:

app.blade.php

asset/js/ap/js

Answer 1

it seems obvious but i think you should try loading your

<script>{{asset(js/app.js)}}</script>

after the googleMap js file

(edit) it's likely a async issue, async scripts may be run in any order, regardless of the order in which they appear in the HTML.

if you want to keep this behaviour you maybe wrap you init() call in a window.onload callback and remove the &callback=initmap from the google map script

window.onload = () => {
    init()
}

another solution is to place the googlemap script before your ap.js and remove the async defer attribute from your ap.js script tag

hope this solve your issue