我在 Django 模板中使用 jQuery 脚本来渲染 Google 地图。目标是在地图上绘制多个标记。我尝试过两件事:
将 jQuery var 设置为 Django 模板变量,我将其定义为views.py 中的列表。在这种情况下无法产生任何标记。只是一张空白地图。
var 标记 = {{marker_list }};
我在页面上打印了marker_list进行确认,这是我上次测试中的:marker_list = [['Chiang Mai Park', 21.0333, 21.0333], ['Ho Chi Minh Mausoleum', 21.036666667, 21.036666667]]
在 jQuery 脚本内使用模板标签创建 for 循环,并使用模板变量构建列表。这样,即使列表中有多个位置,也只会绘制一个标记(请参阅上面的marker_list)。
{% 例如在查询集中 %}
var 标记 = [ [{{instance.place_id }}, {{instance.place_lat }}, {{instance.place_long }}]];
{% 结束 %}
完整代码如下所示,显示了尝试 #2。请注意,JavaScript 中的“var 标记”需要列表的列表。即 var 标记 = [[name1, latitude1, longitude1], [name2, latitude2, longitude2]]。
任何帮助将非常感激。我既是 Django 又是 Javascript 新手。
视图.py
def places_map(request):
if request.user.is_authenticated():
queryset = AddLink.objects.filter(user=request.user)
marker_list …Run Code Online (Sandbox Code Playgroud)