[FRAGE] Pause nach document.write, bzw. warten bis Google-Maps geladen ist.

[johnny.cash]

Hallo,

ich habe ein kleines Problem - wahrscheinlich nur ein Denkfehler.

Ich möchte, dass folgendes Script erst geladen wird, wenn der entsprechende Dialog geöffnet wird:

<script src='https://maps.googleapis.com/maps/api/js?key=GEHEIMERAPIKEY&callback=initialize' async defer></script>

Das Ganze müsste quasi vor folgender Zeile eingefügt werden, weil dann Google gebraucht wird :

$("#dlg_pick" ).on( "dialogopen", function( event, ui ) {google.maps.event.trigger($("#dlg_pick").data('map'), "resize");} );

also:

document.write("<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyBI8VaVJ1b_8Mf9jUS5nMeg1ATFqEnRmfU&callback=initialize' async defer><\/script>");
$("#dlg_pick" ).on( "dialogopen", function( event, ui ) {google.maps.event.trigger($("#dlg_pick").data('map'), "resize");} );

Nun ist es aber so, dass Google noch lange nicht geladen ist, wenn die zweite Zeile durchgeführt wird. Wie kann ich es anstellen, dass er nach dem document.write solange mit der weiteren Scriptausführung warten, bis Google "fertig geladen" ist. Leider fehlt mir hier jeglicher Ansatz :-(

 

[Dormilich]

Nun ist es aber so, dass Google noch lange nicht geladen ist, wenn die zweite Zeile durchgeführt wird.

Was eigentlich egal ist, da das nur die Definition des Event Listeners ist. Ausgeführt wird der erst, wenn der Event eintritt.

Wie kann ich es anstellen, dass er nach dem document.write solange mit der weiteren Scriptausführung warten, bis Google "fertig geladen" ist.

async defer entfernen.

 

[mikdoe]

@johnny.cash: wie ist der stand?