Карта Google с несколькими маркерами не отображается.

Привет, В приложении laravel 5.8 я добавляю карту Google с несколькими маркерами, и у меня пустой блок и никаких ошибок в консоли. и карты на самом деле не видно В функции с кодом:

 frontendTimeline.prototype.initEventsListingMap = function () {


console.log("this_mapEvents::")


console.log( this_mapEvents )


$("#div_map_wrapper").css("display","block")


var map = new google.maps.Map(document.getElementById('div_map'), {


zoom: 12,


mapTypeControlOptions: {


mapTypeIds: [google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]


},


mapTypeId: google.maps.MapTypeId.ROADMAP,


});


this_mapEvents.map((mapEvent,index) => {


if ( typeof mapEvent.longitude != "undefined" && mapEvent.longitude != null && typeof mapEvent.latitude != "undefined" && mapEvent.latitude != null ) {


console.log("INSIDE map::")


console.log( map )


var markerPosition = {lat: parseFloat(mapEvent.latitude), lng: parseFloat(mapEvent.longitude)};


var infowindow = new google.maps.InfoWindow({


content: mapEvent.event_name + ": <strong>" + mapEvent.event_start_date + "-" + mapEvent.event_end_date + "</strong>"


});


var marker = new google.maps.Marker({


position: markerPosition,


draggable: false,


map: map


});


google.maps.event.addListener(marker, 'mouseover', function () {


infowindow.open(map, marker);


});


} // if ( typeof mapEvent.longitude != "undefined" && mapEvent.longitude != null && typeof mapEvent.latitude != "undefined" && mapEvent.latitude != null ) {


});

Код (JavaScript): жить : https://www.votes.my-demo-apps.tk/events-timeline

в консоли видно, что добавлено 2 маркера.

У меня очень похожая страница с 1 маркером https://www.votes.my-demo-apps.tk/event/rest-on-the-lake

который работает нормально. Почему ошибка в первом случае и как ее исправить? Спасибо!