css 如何访问列表中的字典javascript [重复]

rn0zuynd  于 2023-05-02  发布在  Java
关注(0)|答案(1)|浏览(84)

此问题已在此处有答案

How can I pass data from Flask to JavaScript in a template?(9个回答)
2天前关闭。
我想提取每个餐厅的经度和纬度坐标:

<div id="map" style="height: 400px;"></div>
<script>
    var map = L.map('map').setView([37.7749, -122.4194], 12);

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
        maxZoom: 18,
    }).addTo(map);

    let temp = '{{ output_info }}'; 
    console.log(temp);

    for (var i = 0; i < temp.length; i++) {
        var restaurant = temp[i];
        console.log(restaurant);
        var marker = L.marker([restaurant['latitude'], restaurant['longitude']]).addTo(map);
        marker.bindPopup("<b>" + restaurant['name'] + "</b><br>" + restaurant['address'] + "<br>" + restaurant['city'] + ", " + restaurant['state'] + " " + restaurant['postal_code']).openPopup();

        if (i === 0) {
            map.flyTo([restaurant['latitude'], restaurant['longitude']], 16);
        }
    }
</script>

在我的结果中。html控制台:
['name':“McDonald's”,'latitude':'27.8931987958','经度':'-82.3198442906'},' name ':‘巴拉迪咖啡馆’、‘纬度’:'40.041639063','经度':'-75.5428394303'},' name ':'Chick-fil-A',' latitude ':'38.599651','经度':'-90.446909'}]
主:25
为什么是console日志(餐厅)给我[而不是第一本字典?
我看了我 www.example.com 和 www.example.com 。所以说真的不知道到底发生了什么我只想知道每家餐馆的坐标,这样我就可以把它们标在Map上了

eufgjt7s

eufgjt7s1#

使用jinja过滤器tojson使列表与javascript兼容。

let temp = {{ output_info | tojson }}; 
console.log(temp);

相关问题