Javascript 谷歌地图标记不会显示，除非在初始页面加载后刷新页面

当初始页面加载时，地图将按预期显示，但直到页面刷新一次，标记才会显示。如有任何见解，将不胜感激。提前谢谢

function initMap() {
var school = {lat: 38.901904, lng:  -77.021457};
var map = new google.maps.Map(document.getElementById('map'), { zoom: 17, 
center: school });

var marker = new google.maps.Marker({ position: school, map: map });

var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

var markers = locations.map(function(location, i) {
return new google.maps.Marker({
position: location,
label: labels[i % labels.length]
});
});

var markerCluster = new MarkerClusterer(map, markers, {imagePath:'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}
  var locations = [
 {lat: 38.901477, lng: -77.020735},
 {lat: 38.901258, lng: -77.021539},
 {lat: 38.903763, lng: -77.018829},
 {lat: 38.900974, lng:  -77.023124}
 ];

---

你的代码对我根本不起作用，因为

newmarkerclusterer（map，markers…）。代码可以工作，只是标记不会在初始页面加载时加载。刷新页面后，它们将继续。您可以在
initMap
函数的代码第18行调用
locations.map
。但在函数完成之前，您不会定义
位置。在调用
initMap
之前，是否存在没有定义它们的危险？如果您注释掉MarkerClusterer，问题是否会消失？