如何在R的flexdashboard中正确加载预生成的HTML地图文件？

能否加载预先生成的HTML地图？ #

可以，但不能用xml2::read_html直接加载。因为htmlwidgets::saveWidget生成的是完整独立的HTML网页（包含<head>、<body>及所有依赖的JS/CSS），直接用xml2读取节点插入flexdashboard会破坏页面DOM结构，导致依赖冲突或加载失败。

可行解决方案 #

方案1：使用htmltools::includeHTML嵌入 #

这是最直接的方式，会完整嵌入HTML内容并自动处理基础依赖兼容（Leaflet与flexdashboard的依赖通常无冲突）。

示例代码：

---
title: "预生成Leaflet地图展示"
output: flexdashboard::flex_dashboard
---

### 热力图1
```{r}
htmltools::includeHTML("heatmap_1.html")

聚类标记地图1 #

htmltools::includeHTML("cluster_map_1.html")

注意：确保HTML文件路径正确，可使用相对路径（相对于flexdashboard的Rmd文件或最终生成的HTML文件）。

### 方案2：用iframe隔离嵌入
如果出现JS/CSS版本冲突，用iframe将地图作为独立页面嵌入，完全隔离环境，避免冲突。

示例代码：
```r
---
title: "预生成Leaflet地图展示"
output: flexdashboard::flex_dashboard
---

### 热力图2
```{r}
shiny::tags$iframe(
  src = "heatmap_2.html",
  width = "100%",
  height = "600px",
  frameborder = 0
)

聚类标记地图2 #

shiny::tags$iframe(
  src = "cluster_map_2.html",
  width = "100%",
  height = "600px",
  frameborder = 0
)

说明：iframe的`height`可根据需求调整；若加载本地文件，建议将地图HTML与仪表盘文件放在同一目录，避免浏览器本地文件访问限制。

## 为什么`xml2::read_html`失效？
`xml2::read_html`仅负责解析HTML节点结构，不会处理页面中的JS脚本加载、CSS依赖注入逻辑。插入flexdashboard后，地图所需的Leaflet核心库、样式表无法正确初始化，或与flexdashboard自带的前端资源冲突，最终导致地图无法渲染。

内容的提问来源于stack exchange，提问作者stats_noob