r - 在 xaringan 幻灯片中并排使用街道地图和街景

Question

我从谷歌看到了这个例子，它展示了我们如何以并排的方式放置街道地图和街景。但我不知道如何在xaringan幻灯片中创建这样的视图。

我尝试在“全部”选项卡下复制代码，将内容保存为 html 文件，然后将该文件导入xaringan幻灯片中。但这种方法似乎不起作用。有人可以指出我正确的方向吗？

（来自 RStudio 社区的交叉发布）

Answer 1

我终于想通了！这是我们需要做的：

1. 转到此链接以打开Street View Side-By-Side示例
2. 转到所有选项卡，然后单击将代码示例复制到剪贴板菜单
3. 打开任何文本编辑器（例如，notepad++），粘贴代码示例并保存带有.html扩展名的文件
4. 转到此链接并按照获取 API 密钥部分下的说明获取 API 密钥
5. 将代码示例第 7 行的 YOUR_API_KEY 文本替换为通过第 4 步从 Google 获得的 API 密钥

src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initialize&libraries=&v=weekly"

6. 在initialize()函数的定义中，将fenway替换为所需的位置名称并更改关联的lat&lng
7. 将以下代码添加到xaringan的源Rmd文件以创建并排显示卫星视图和街景的幻灯片

# Adjust width & height to suit your needs
htmltools::tags$iframe(
  src = "path/to/street-view-side-by-side.html", 
  width = 800, 
  height = 450
)