问添加https到站点后，我的网页google地图显示为空白

EN

jQuery(function($) {
// Asynchronously Load the map API 
var script = document.createElement('script');
script.src = "https://maps.googleapis.com/maps/api/js?callback=initialize&key=MY_API_KEY";
document.body.appendChild(script);
});

function attachClickHandler(marker){
google.maps.event.addListener(marker, 'click', function() {
  var elem = $(marker.url);
  console.log(marker.title);
  $('html, body').animate({
    scrollTop: elem.offset().top - 200
  }, 1000 );        
});
}

function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
    mapTypeId: 'roadmap'
};

map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var markers = new Array();
<?php $i= 1; foreach($locations as $l):  ?>
  var marker = ['<?php echo $i; ?>', <?php echo $l->latitude; ?>, <?php echo $l->longitude; ?>, '#<?php echo $i; ?>'];
  markers.push(marker);
<?php $i++; endforeach; ?>

var bounds = new google.maps.LatLngBounds();
var infowindow = new google.maps.InfoWindow();  

for( i = 0; i < markers.length; i++ ) {
  var position = new google.maps.LatLng(markers[i][1], markers[i][2]);

  marker = new google.maps.Marker({
      position: position,
      map: map,
      title: markers[i][0],
      url: markers[i][3],
      label: {color: '#fff', fontSize: '16px', fontWeight: '600', text: markers[i][0]}
  });
  bounds.extend(position);

  attachClickHandler(marker);   


}
map.fitBounds(bounds);
// Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
    this.setZoom(8);
    google.maps.event.removeListener(boundsListener);
});

}