我的views.py中有以下extra_context
。
extra_context = {
'user': list_user,
'time': str(list_time),
'latlng': list_latlng
}
以上所有变量均为python list
的数据类型。现在,我想在Gmap v3 JavaScript中使用这些变量。我为Google地图找到了以下代码段:(发布了主要部分)
<script type="text/javascript">
var map ;
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 2,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var flightPlanCoordinates = [ {% for ip in latlng %}{{ ip }}{% endfor %}];
for(var i in flightPlanCoordinates){
var marker = add_marker(flightPlanCoordinates[i][0], flightPlanCoordinates[i][1],"Some title!","html for info box");
marker.setMap(map);
}
}
function add_marker(lat,lng,title,box_html) {
var infowindow = new google.maps.InfoWindow({
content: box_html
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(lat,lng),
map: map,
title: title
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
return marker;
}
上面的代码显示了根据上下文传递的latlng
列表的标记。但是,当时我也尝试以相同的方式传递time and user
时,问题就出现了。它在地图上什么也没有显示。顺便说一句,我尝试了这个粗俗:
var user = [{% for i in user %}{{ i }}{% endfor %}]; var timestamp = [{% for y in time %}{{ y }}{% endfor %}];
这是正确的方法吗?我是用
latlng
代码编写的JavaScript新手。
我尝试过alert(timestamp)
。什么也没发生:(
另一个问题是我必须将这三个参数传递给add_marker
Java脚本方法。为此,我必须同时运行三个for循环。发布伪代码:
var user = [{% for i in user %}{{ i }}{% endfor %}];
var timestamp = [{% for y in time %}{{ y }}{% endfor %}];
var flightPlanCoordinates = [ {% for ip in latlng %}{{ ip }}{% endfor %}];
for (var in flightPlanCoordinates) and for (a in timestamp) and for(b in user)
{
var marker = add_marker(flightPlanCoordinates[i][0], flightPlanCoordinates[i][1],b,a);
marker.setMap(map);
我的views.py中有以下extra_context。 extra_context = {'user':list_user,'time':str(list_time),'latlng':list_latlng}以上所有变量都是python的数据类型...