javascript - 无法在地图脚本上显示 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>

标签： javascriptlaravel

Answer 1

连接变量值：

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

或者使用模板文字：

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