Невозможно отобразить текст var в скрипте карты

Question

Я использую Laravel и пытаюсь отобразить данные из БД обо всех местоположениях.

Координаты работают, но текст gps [i] .placeName и gps [i] .url неверен. Почему не отображается правильно?

вот что отображается https://i.imgur.com/9BaYGdC.png

<script>

const gps = @json($gpss);

var map = L.map('map').setView([37.182214, -3.600884], 12);

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 17
})

.addTo(map);

for (let i=gps.length - 1; i >= 0; i--) { 


L.control.scale(map);
L.marker([(gps[i].gps1), (gps[i].gps2)], {draggable: false}).addTo(map).bindPopup("<a href=gps[i].url)>gps[i].placeName)</a>");
}
</script>

Answer 1

Тебе нужно так делать. вы пропустили конкатенацию переменной.

L.marker([(gps[i].gps1), (gps[i].gps2)], {draggable: false}).addTo(map)
.bindPopup("<a href='"+gps[i].url+"')>"+gps[i].placeName+")</a>");

Answer 2

Объединить значение переменной в:

bindPopup("<a href='" + gps[i].url + "')>" + gps[i].placeName + ")</a>");

Или используйте шаблонный литерал:

bindPopup(`<a href='${gps[i].url)>gps[i].placeName)}'</a>`);