Листовка/всплывающие окна на маркерах

Question

Я пытаюсь захватить местоположения из своей базы данных и показать их на карте. Маркеры показывают там, где они нужны мне, но когда я связываю свои всплывающие окна с ними, я получаю ошибку Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

Это мой JS:

var map = L.map('map').setView([42.351776, -71.061371], 14); 

L.mapbox.accessToken = 'TOKEN'; 
L.tileLayer('https://{s}.tiles.mapbox.com//{z}/{x}/{y}.png?access_token=' + L.mapbox.accessToken, { 
attribution: '<a href="http://www.mapbox.com/about/maps/" target="_blank">Terms &amp; Feedback</a>' 
}).addTo(map); 

$.get('/events.json', function(data) { 
    for (i=0; i<data.length; i++) { 
    var coordinatesArray = [data[i].latitude, data[i].longitude]; 
    `var marker = L.marker([coordinatesArray[0],coordinatesArray[1]]).addTo(map);` 

    marker.bindPopup("<h1>" + data.title + "</h1>"); 
    } 
}); 

Это похоже на работу, если я просто загрузить один маркер с всплывающим окном, но когда я пытаюсь перебирать объекты, он начинает давать мне ошибку.

Answer 1

Я думаю, что вам нужно отбросить обратные шаги вокруг вашего создания маркера, а также включить текущий индекс при доступе к title. Вместо data.title используйте data[i].title.