此问题已在此处有答案:
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: '© <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上了
1条答案
按热度按时间eufgjt7s1#
使用jinja过滤器
tojson
使列表与javascript兼容。