Javascript 如何在不刷新页面的情况下正确加载GoogleMapAPI？

我搜索了这个问题，发现答案是我需要将代码放入

$（document.ready

函数中，以便正确加载地图

但是如果我不使用Jquery呢？如果我只使用Javascript呢？因此，我搜索了等价的

$（document）.ready

，找到了

因此，我尝试使用该函数编写脚本：

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);
});

但是我仍然需要刷新页面好几次

有没有可靠的方法可以在不刷新的情况下正确加载谷歌地图，特别是当用户的互联网连接速度较慢时，因为我很确定我的大多数用户的互联网连接速度较慢，这应该足够了：

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

---

为什么要投否决票？应该有很多人想知道如何编写脚本，以便在不刷新页面的情况下加载GoogleMapAPI