【问题标题】:Using HTML tags in CartoDB在 CartoDB 中使用 HTML 标签
【发布时间】:2015-05-13 05:33:36
【问题描述】:

我正在尝试使用CartoDB 创建一个交互式地图,人们可以在其中单击一个位置,然后弹出(在地图上的 CartoDB 中)解释有关该位置的一些详细信息。

现在,我已经完成了所有工作,我导入了包含位置和这些位置名称的 CSV,以及用于这些位置的弹出内容的另一列。在编辑器中,一切正常,我使用了自定义 HTML 功能来显示弹出窗口,并让它从该列中提取信息进行显示。

我遇到的问题是如何格式化为弹出窗口拉入的文本。我希望通过在文本中的某些单词上使用 HTML 标记(即
、 、 )来对其进行更多控制。由于每个弹出窗口都不同,我不能只将其添加到 CartoDB 编辑器中,它会在其中拉入弹出窗口的文本。

我尝试询问我的 CartoDB 代表,但他不知道答案,只是告诉我改为在 StackOverflow 上提问(对他帮助不大)...

这是我现在的地图的链接:

https://iongeo.cartodb.com/viz/9ee487e4-817b-11e4-8caa-0e853d047bba/public_map

【问题讨论】:

  • 看起来像 this was added 回到 03 年
  • 我已经在使用它了。我在地图上附加了一个链接,这样您就可以看到我已经在为信息窗口使用自定义 HTML...这不是我的问题...我无法在存储在 SQL 中的数据中添加/使用标签字段。
  • 链接提到使用他们的 js 库和 Mustache 进行动态标记 - 你目前使用它吗?
  • 不,我不是,读了一遍,我什至不确定我是否理解它。你能帮助我更多的方向来完成我想要在这里做的事情吗?我目前正在做的是:这是我在 dp_center_info 下的 SQL 表中的内容。 i.imgur.com/i1SumB2.png
  • 我现在做的是这个|这是我在 dp_center_info 下的 SQL 表中的内容:i.imgur.com/i1SumB2.png |这是我在 infoWindow 自定义 HTML 中的内容:i.imgur.com/Mn2IAsB.png |但是,我仍然在弹出窗口中看到了这个:i.imgur.com/rktkgBn.png

标签: html sql cartodb


【解决方案1】:

我意识到这已经有几个月了,但还没有真正的答案,而且它是 CartoDB/Mustache 谷歌搜索的首批热门之一,看起来您的演示地图仍然无法正常工作。

答案其实很简单——Mustache 会自动转义 HTML,但简单的解决方法是使用三个标签而不是两个标签,如下所示: {{{ContentwithHTML}}}

Mustache 的文档在这里:https://mustache.github.io/mustache.5.html

【讨论】:

  • 感谢 Zizania,但我们最终放弃了使用 CartoDB 以获得更用户友好的选项,该选项将该功能内置到该工具的 CMS 部分中。
【解决方案2】:

事实证明,CartoDB 目前不具备这种能力。我与他们的开发团队进行了交谈,他们目前正在努力添加它。

【讨论】:

    猜你喜欢
    • 2018-03-07
    • 2016-01-02
    • 1970-01-01
    • 1970-01-01
    • 2012-09-24
    • 2012-03-27
    • 1970-01-01
    • 1970-01-01
    • 2021-11-17
    相关资源
    最近更新 更多