Question

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

leaflet() %>% addTiles()

现在我想把它嵌入我的wordpress网站。

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

我尝试在WP网站的帖子中嵌入此地图，方法是点击页面编辑器中的“添加媒体”，然后选择之前存储的.html。但是我得到了错误：

“无法上传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应用程序完全陌生。

非常感谢，雅格布

Answer 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>

所有学分归Phillip Burger和his post.

有人有更好的方法吗？

Answer 2

我尚未对此进行质量检查，但是...我的逻辑是使用原始HTML小部件并添加一个简单的php include行。像这样

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

该概念来自“静态内容CMS”概念，您可以在其中导入，这样可以说是现有的片段。

Answer 3

步骤：

1）安装the plugin，该代码允许嵌入额外的文件扩展名，然后在该插件的选项页中选中.html。

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

3）将上传的文件嵌入为<iframe>元素，或使用类似插件：include-me或include-url或simple-include

在wordpress中嵌入R小册子地图

3 个答案: