Одновременное использование карты улиц и просмотра улиц на слайде xaringan

Question

Я наткнулся на этот пример от Google, который показывает, как мы можем разместить карту улиц и панораму улиц бок о бок. Но я не знаю, как создать такое представление на слайде xaringan.

Я попытался скопировать код на вкладке «Все», сохранил содержимое как файл html, а затем импортировал этот файл на слайде xaringan. Но этот подход, похоже, не работает. Может ли кто-нибудь указать мне правильное направление?

( Перекрестное сообщение из сообщества RStudio )

Answer 1

Я наконец разобрался! Вот что нам нужно сделать:

1. Go к по этой ссылке , чтобы открыть Просмотр улиц бок о бок пример
2. Откройте любой текстовый редактор (например, блокнот ++), вставьте образец кода и сохраните файл с расширением .html
3. Замените текст YOUR_API_KEY в строке 7 примера кода на ключ API, полученный от Google на шаге 4

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

В определении функции initialize() замените fenway на желаемое имя местоположения и измените связанный lat & lng Добавьте следующий код к 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
)