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

  • Автор темы Mindero
  • 17
  • Обновлено
  • 18, May 2024
  • #1
Привет, В приложении 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

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

Mindero


Рег
30 Nov, 2012

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно