javascript - JavaScript 中的 Django FOR 循环

Question

首先，我是编程新手。我正在尝试制作一个嵌入了 Google map 的网页，在此 map 中，您可以看到一条设置路径的彩色线条。为此，我正在使用 Django。在我的 views.py 中，我有一个名为 points 的变量，其中我将一些坐标作为字符串写入列表中。例如，

points = ('-15.4566620,28.07163320','15.7566620,29.07163320',....)

然后，在谷歌地图脚本中，我有:

var 飞行计划坐标 = [

        new google.maps.LatLng(-15.4566620,28.07163320),
        new google.maps.LatLng(-15.7566620,29.07163320),

                ];

因此，当我显示我的页面时，我会在这些点之间看到一条线。

我想要，而不是，像这样的东西:

var 飞行计划坐标 = [

                   {% for point in points %}

                         new google.maps.LatLng({{point}}),

                   {% endfor %}

                ];

但这行不通。

我做错了什么，应该怎么办？

非常感谢。

Answer 1

目标是让模板渲染路径数组，就像硬编码一样。您应该检查呈现的网页的源代码以确定。

最好删除尾随的逗号，即使它确实适用。您可以使用 forloop.last 在最后一点省略它。

我遵循投票教程中的样式。确保 View 将 points 变量发送到模板:

urls.py

urlpatterns 包含 url(r'^map/$', 'polls.views.map'),

views.py

def map(request):
    points = ('0,0', '10,0', '10,10', '0,10')
    return render_to_response('polls/map.html', { 'points': points })

模板 map.html

...
var mypolyline = new google.maps.Polyline({
    map: map,
    path: [
      {% for point in points %}
        new google.maps.LatLng({{ point }}) {% if not forloop.last %},{% endif %}
      {% endfor %}
    ]
})