Wie kann ich die Google Map API richtig laden, ohne die Seite zu aktualisieren?

Question

Ich suchte diese Frage, und ich fand Antwort sagen, ich brauche meinen Code in $(document).ready Funktion in Ordnung zu bringen für die Karte richtig

zu laden, aber was ist, wenn ich JQuery nicht? Was passiert, wenn ich nur Javascript benutze? so suchte ich nach dem Äquivalent von $(document).ready und fand this answer

so versuche ich mit dieser Funktion ein Skript zu schreiben:

function initbdg() { 
var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825); 

var mapOptionsBDG = { 
    zoom: 15, 
    center: myLatlngBDG, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: 0 
} 

var mapBDG = new google.maps.Map(document.getElementById("map-BDG"), mapOptionsBDG); 

var markerBDG = new google.maps.Marker({ 
    position: myLatlngBDG, 
    map: mapBDG, 
    title: 'PT. Buana Citra Abadi Bandung' 
}); 
markerBDG.setMap(mapBDG); 
}; 
document.addEventListener("DOMContentLoaded", function(event) { 
    google.maps.event.addDomListener(window, "load", initbdg); 
}); 

aber ich muss noch die Seite mehrmals aktualisieren.

ist es eine sichere Möglichkeit, Google Maps, um richtig zu laden, ohne Refresh, vor allem, wenn die Benutzer langsame Internetverbindung hat, weil ich ziemlich sicher bin, die meisten meiner Benutzer langsame Internetverbindung

Answer 1

genug sein muss, sollte dies:

document.addEventListener("DOMContentLoaded", function() { 
    initbdg(); 
});