我正在使用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>
答案 0 :(得分:0)
在以下位置连接变量值:
bindPopup("<a href='" + gps[i].url + "')>" + gps[i].placeName + ")</a>");
或使用模板文字:
bindPopup(`<a href='${gps[i].url)>gps[i].placeName)}'</a>`);
答案 1 :(得分:0)
您需要这样做。您错过了连接变量的操作。
L.marker([(gps[i].gps1), (gps[i].gps2)], {draggable: false}).addTo(map)
.bindPopup("<a href='"+gps[i].url+"')>"+gps[i].placeName+")</a>");