在 wordpress 中嵌入 R 传单地图答案

【问题标题】：embed R leaflet map in wordpress在 wordpress 中嵌入 R 传单地图
【发布时间】：2017-06-19 21:02:01
【问题描述】：

我刚刚使用 R 中的传单包创建了一个简单的交互式地图。像这样

leaflet() %>% addTiles()

现在我想将它嵌入到我的 wordpress 网站中。

我单击 RStudio Viewer 的导出按钮并选择“另存为网页...”，然后将 .html 存储在我的本地计算机中。

我尝试通过单击页面编辑器中的“添加媒体”并选择之前存储的 .html 来将此地图嵌入到我的 WP 网站的帖子中。但我得到了错误：

“由于文件类型不受支持，无法上传 1 个文件。”

我尝试在编辑器中打开 html 文件，然后将（很长，充满坐标）的 html 代码复制并粘贴到 WP 页面编辑器的 html 选项卡中。编辑器将这段代码转换成

<div id="htmlwidget_container">
<div id="htmlwidget-2390" class="leaflet html-widget" style="width: 100%; height: 400px;"></div> </div>

我在可视化选项卡中看不到任何地图。我真的不知道如何进行。任何帮助将不胜感激。正如您所注意到的，我对 WP 和 Web 应用程序完全陌生。

非常感谢，雅各布

【问题讨论】：

关于非现场教程的建议被认为是 Stack Overflow 的题外话。缺乏具体reproducible examples 的问题很难回答。尽可能清楚地说明您尝试过的方法并准确描述它是如何不起作用的，这将很有帮助。
嗨 MrFlick，我根据您的评论进行了一些编辑，希望现在更好。谢谢
为了嵌入地图，所有功能都完好无损，您需要在 wordpress 页面中有某种容器，该容器能够接受具有自己的 css 的功能齐全的 html 网页和javascript。尝试在 wordpress 端解决问题。搜索 wordpress 支持板。
这正是我正在寻找的。我对html一无所知，但我可以在传单中制作不错的地图。我想找到一种在 wordpress 中显示地图的方法（现在我只有高级访问权限）。我可以将页面迁移到其他类型的主机。
我认为最好的选择是使用传单地图创建一个简单的闪亮应用程序，将其托管在shinyapps.io 上，然后将托管的闪亮应用程序嵌入到 iframe 中。 Here's a walk through我找到了。

标签： html r wordpress leaflet rstudio

【解决方案1】：

您可以尝试将小部件保存到 .html 文件，然后将此 .html 文件导入您的媒体库。

library(htmlwidgets) 
library(DT) 
a <- datatable(iris) 
saveWidget(a, "datatable-iris-example.html")

接下来，将 .html 文件导入您的媒体库。然后，将短代码添加到您的帖子中。以下是编辑博文时如何在页面中对其进行编码：

<iframe seamless src="http://www.phillipburger.net/wordpress/wp-
content/uploads/2015/05/datatable-iris-example.html" width="100%" 
height="500"></iframe>

所有学分归菲利普汉堡和his post.

谁有更好的方法？

【讨论】：

尝试使用在 r 中创建的传单来执行此操作。地图显示，但标记不显示。有没有人遇到过这个问题或知道如何解决？在本地打开 html 文件时，标记就在那里。

【解决方案2】：

我还没有对此进行 qa 测试，但是...我的逻辑是使用原始 HTML 小部件并添加一个简单的 php 包含行。有点像

<h3>My aweseome R map</h3>
<?php include 'saved_file.html';?>

该概念来自静态内容 CMS 概念，您可以在其中导入现有作品。

【讨论】：

【解决方案3】：

步骤：

1) 安装允许嵌入额外文件扩展名的the plugin，并在该插件的选项页面中检查.html。

2) 现在尝试在 WP 中上传.html 文件。

3) 将上传的文件嵌入为<iframe> 元素，或使用诸如include-me 或include-url 或simple-include 之类的插件

【讨论】：