Инициализация нескольких местоположений местоположения google

Question

По какой-то причине var mapLocation_1 не загружается. Я вижу только фоновый цвет.

function initialize() { 

    //bgMap 
    var bgMap = new google.maps.LatLng(24.4887956, 54.3505189); 
    var mapOption_bgMap = { 
     center: bgMap, 
     zoom: 15, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("googleMap"), mapOption_bgMap); // bgMap 
    var load_marker_bgMap = new google.maps.Marker({ 
     position: bgMap, 
     icon: '_/images/marker-icon.png' 
    }); 

    load_marker_bgMap .setMap(map); 
    /* </bgmp> */ 

    //bgMap 
    var mapLocation_1 = new google.maps.LatLng(29.125285,-82.048823); 
    var mapOption_mapLocation_1 = { 
     center: mapLocation_1, 
     zoom: 15, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("mapLocation_1"), mapOption_mapLocation_1); // bgMap 
    var load_marker_mapLocation_1 = new google.maps.Marker({ 
     position: mapLocation_1, 
     icon: '_/images/marker-icon.png' 
    }); 
    load_marker_mapLocation_1.setMap(map); 
    /* </bgmp> */ 
} //initialiseMap 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

$("a[data-toggle='tab']").on('shown.bs.tab', function(e) { 
    initialize(); 
});