- 18, May 2024
- #1
Привет,
В приложении laravel 5.8 я добавляю карту Google с несколькими маркерами, и у меня пустой блок и никаких ошибок в консоли.
и карты на самом деле не видно
В функции с кодом:
в консоли видно, что добавлено 2 маркера.
У меня очень похожая страница с 1 маркером https://www.votes.my-demo-apps.tk/event/rest-on-the-lake
который работает нормально. Почему ошибка в первом случае и как ее исправить? Спасибо!
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
который работает нормально. Почему ошибка в первом случае и как ее исправить? Спасибо!