JavaScript 中的 Django FOR 循环

2023-12-02

首先,我是编程新手。我正在尝试制作一个嵌入了 Google 地图的网页,在该地图中您可以看到一条设置路径的彩色线。 为此,我使用 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 %}

                ];

但这行不通。

我做错了什么,应该怎么做?

非常感谢。


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

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

我遵循民意调查教程中的风格。确保视图正在发送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 %}
    ]
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 中的 Django FOR 循环 的相关文章

  • API 端点的 Django 子域配置

    我已经建立了一个 Django 项目 它使用django rest framework提供一些 ReST 功能 网站和其他功能都运行良好 然而有一个小问题 我需要我的 API 端点指向一个不同的子域 例如 当用户访问该网站时 他 她可以根据
  • JavaScript 对象引用缓存

    我们的代码库中有很多对象 它们的名称空间是为了避免冲突 Example App local view MyView 在我在代码库中看到的大多数地方 我们使用完整路径来获取对对象的引用 并且这在同一函数中重复多次 Example functi
  • 与 iexact 一起使用时,Django get_or_create 无法设置字段

    我想用name iexact with get or create尽可能避免用户输入字段的重复 我的提供者模型有一个名称字段 我在其中使用get or create 查找工作正常 但在第一次创建实例时 如下面的 p1 Timber 示例 名
  • 将 Javascript 变量转换为 PHP 变量

    我想使用由 videoel getCurrentTime 函数返回给我的 javascript 变量 并将其转换为 php 变量 以便我能够将其添加到我的 SQL 插入查询中 例如 INSERT INTO tblData VALUES ph
  • 如何使用 LinkedIn javascript sdk 检索包括所有字段的职位列表?

    我想要获取 LinkedIn 会员在其个人资料中输入的每个职位的 ID 头衔 摘要 开始日期 结束日期 当前状态和公司名称 我测试了一个查询休息控制台 https apigee com console linkedin我得到了想要的结果 查
  • Google 饼图未显示所有数据行

    我正在尝试绘制人口与国家名称的关系图 我发现 Google 可视化库仅渲染前几个 实际上数字似乎是随机的 具体取决于我使用的数据 有时添加 其他 条目 但它没有t 实际上具有其余条目的值 Example 1 With all countri
  • 如何获取 RxJSSubject 或 Observable 的当前值?

    我有 Angular 2 服务 import Storage from storage import Injectable from angular2 core import Subject from rxjs Subject Inject
  • 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

    我在使用 asp net vb 时遇到了一些问题 我想做的是有2个下拉框 第一个下拉菜单将有 1 2 3 例如 第二个下拉菜单将有 A 乙 C 默认情况下 但是 如果选择 1 我希望第二个下拉菜单自动选择 c 我不知道 JavaScript
  • Chrome SuppressDifferentOriginSubframeJSDialogs 使用 JS 设置覆盖?

    Chrome 开发团队显然刚刚推出了一项名为 SuppressDifferentOriginSubframeJSDialogs 的新 功能 这使得默认情况下不会显示来自与父级不同域上的 iFrame 的警报 确认框 https www ch
  • 如何用按钮打开所有infoWIndows

    现在我想添加打开所有引脚弹出窗口的按钮 infoWindows 所以我添加功能openAllInfoWindows并添加infoWindows i open 命令 但是不起作用 HTML 代码 a href Close a a href O
  • 在 JavaScript 中比较表单中的两个数字

    当我尝试比较不同的数字时 数字发生变化 但文本部分保持不变 这只发生在较大 较小的情况下 而不会发生在 NaN 或相等的情况下 这是我的代码 function check var a document getElementById a va
  • 提交前验证表单(比检查空字段更复杂)

    我有一个包含时间输入的表单 具体来说 开放时间和结束时间 当按下提交按钮时 它会转到一个 php 页面 其中这些输入将添加到数据库中 在允许提交表单之前我想检查一些事情 例如 我想确保开始时间早于 小于 结束时间 这是表格 Opens
  • 在 vue.js 模板中包含外部脚本

    我是 Vue js 和 web pack 的新手 所以我决定使用 vue cli webpack 来构建初始应用程序 我试图包含一个外部脚本 例如组件 不需要的模板中 但是 Vue 警告这是不允许的 我的 index html 文件与最初生
  • 使用 JavaScript 的计时器

    我想使用java脚本实现计时器 我想随着间隔的变化而减少计时器 Example假设我的计时器从 500 开始 我想要根据级别减少计时器 例如1 一级定时器应减1 且递减速度应较慢 2 2级定时器应递减2 递减速度应为中等3 3级定时器应减3
  • 如何在 angularjs 中修剪()字符串?

    有角度特定的方法吗 如果没有 我应该使用内置的jquery 来做到这一点吗 如果我应该使用内置的jquery 如何在不使用 的情况下访问trim 函数 或者这是必要的 编辑 是的 我知道 str trim 对不起 我需要这个才能在 IE 8
  • 使用Promise而不拒绝它会导致内存泄漏吗? [复制]

    这个问题在这里已经有答案了 代码如下 function test value return new Promise function fulfill reject try fulfill true catch e throw e 我担心的是
  • 常规 JavaScript 可以与 jQuery 混合使用吗?

    例如 我可以采用这个脚本 来自 Mozilla 教程 https developer mozilla org en Canvas tutorial Basic usage
  • ThreeJS无法加载Json文件

    首先 我已经读过这个问题 https stackoverflow com questions 17201888 three js exporter export object not working with jsonloader r58没
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c

随机推荐

  • VSCode 安装失败 - 无法提取安装程序

    VSCodeSetup exe Installation has failed Failed to extract installer 我无法安装或打开安装日志 尝试在 Windows 8 1 Enterprise 上安装 我刚刚下载了 V
  • 如何获取多个页面的数据?

    我的项目基于 React redux redux saga es6 我尝试从此 API 获取数据 如您所见 此特定 API 调用显示的数据限制为每页 100 条数据 分布在 40 个页面上 根据这个答案 它说您可以将限制扩展到每页最多 30
  • Perl 的 Capture::Tiny::capture() 是否避免了使用 system() 时所需的磁盘 io?

    当从 Perl 脚本调用外部程序时 Capture Tiny 是否避免了使用 system 时所需的磁盘 io 使用两者时我得到的性能基本相同 一位同事正在使用我的代码 并告诉我它正在攻击他的磁盘 我 也许 在本地计算机上运行并写入本地磁盘
  • C#:继承布尔值?

    如何 我可以从布尔值继承吗 或者使我的类与带有 运算符的布尔值相当 class MyClass Boolean public MyClass this true class Program public Program MyClass my
  • 如何处理Azure Python Function异常处理?

    我是 Python 异常处理新手 我该如何正确try下列 except if get entity失败 但通过如果Status 200 这是我所在的位置 但它不正确 希望您能举例说明 from azure cosmosdb table ta
  • 如何使用 FileReader javascript 读取 XML 文件?

    我需要从 ODF 文件获取 XML 我尝试使用 FileReader readAsText 和 readAsBinaryString 但它不起作用 文件读取器读取文本返回 odf 文件的一些特殊字符 with 读取为二进制字符串 var r
  • JavaScript 中的函数组合

    在下划线 低破折号等库中实现函数组合有什么好处 类似于 var compose function var funcs arguments return function var args arguments for var i funcs
  • 获取404页面的原始url

    所以我发现了这两个问题 在 IIS7 404 重定向页面中访问原始 URL 获取导致 404 的请求页面的 URL 但它们都是不同的语言 有没有办法获取导致 404 消息之类的地址在自定义消息中使用 例如 如果我要求example com
  • 在C#中将SID转换为用户名

    在 net中 我可以创建一个NTAccount使用域和用户名 并获取其 SID 但我无法使用翻译功能将 SID 转换回 NTAccount new SecurityIdentifier stringSid Translate typeof
  • 如何向 tcp 服务器发出 http 请求?

    我想要建立一个侦听端口 443 的 TCP 服务器 以便它可以接收 HTTP 请求并回发 现在我正在使用 Apache 和 PHP 以正常方式执行此操作 但是是否可以在没有 Web 服务器的情况下执行此操作 例如 我用 C NET 构建了一
  • 使用 Linq to Entities 将 UTC 转换为本地时间

    我需要在 LINQ to Entities 查询中将字段从 UTC 转换为本地时间 但它无法识别我打算使用的方法 System DateTime ToLocalTime 我的查询是这样的 选择本地当天不存在任何其他请求尚未解决的请求 考虑到
  • 在 Delphi 中使用 XPath 查找元素

    我试图在 Delphi 中的 XML 文档中查找元素 我有这段代码 但它总是在日志中显示 0 个元素 function TForm1 KannaSidu Boolean var Doc IXMLDOMDocument List IXMLDo
  • 使用 OpenSL 为所有 Android 设备提供 8KHz 采样率的语音通信

    我需要创建一个 VOIP 应用程序 并且我正在使用 OpenSL ES 我需要为所有 Android 设备以 8KHz 采样率捕获和播放 pcm 音频数据 但是 当我以 8KHz 采样率捕获音频并同时播放 语音通信 时 它会产生噪音 并且对
  • 为什么 shell case 语句中的第一个模式不能是多重模式?

    The 标准描述 of the case声明说 The format for the case construct is as follows case word in pattern1 compound list pattern patt
  • 圆形/角度滑块

    A 最近的问题让我想起了不久前我尝试编写的一些代码 目的是制作一个CircularSlider 可用于动态对象中类似角度变量的对象 我的解决方案的框架 如下 来自ValueThumbSlider 定义在高级操作功能教程 主要区别在于Valu
  • ASP.NET MVC 中的 ViewBag 如何工作

    ASP NET MVC 是如何实现的ViewBag工作 MSDN 说这只是一个Object 这让我很感兴趣 魔法 属性如何ViewBag Foo和魔法弦ViewBag Hello 实际上工作吗 另外 我如何制作一个并在我的 ASP NET
  • 错误:字符串常量之前需要声明说明符或“...”

    我在模拟另一个文件中的用法的特定行上收到错误 PyObject pyCharGetHeight PyChar self void closure CHAR DATA ch PyChar AsChar PyObject self PyObje
  • 指向其声明范围之外的局部变量的指针

    假设我有一个代表 PDF 文档的结构pdf以及代表其中一页的结构pdf page typedef struct pdf page int page no pdf page next page char content pdf page ty
  • 炸弹实验室阶段_4

    Dump of assembler code for function func4 lt 0 gt mov rbx 0x18 rsp lt 5 gt mov rbp 0x10 rsp lt 10 gt mov r12 0x8 rsp lt
  • JavaScript 中的 Django FOR 循环

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