Вы можете посмотреть, как они это делают, на официальной странице брошюры R по адресу их страницу на github (ту, что для веб-сайта, а не для кода листовки).
Я не вижу на вашем сайте, что вы используете R-markdown для создания страниц уценки. Это действительно стоит попробовать! Взгляните на пример jekyll от yihui. В основном вы используете knitr для создания своих страниц. Это означает, что вы пишете уценку и можете встроить свой R-код на страницу уценки. Например:
```{r}
plot(runif(10))
```
То же самое вы можете сделать с листовкой:
```{r}
library(leaflet)
leaflet() %>% addTiles() %>% setView(10, 51, zoom = 8)
```
htmlwidgets
должен автоматически загружаться вязалкой.
Например, вы можете посмотреть, как работает страница базовой карты для Страница листовки R сделана в R-уценке.
Одна важная вещь, если вы включаете карты буклетов на свою страницу, это включить все сценарии в заголовок страницы. На своей странице я вставил его в папку head.html
в папке _includes
.
Мне пришлось добавить следующее:
{% if page.maps %}
<script src="/assets/jquery-1.11.1/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="/assets/bootstrap-3.3.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="/assets/bootstrap-3.3.1/js/bootstrap.min.js"></script>
<script src="/assets/bootstrap-3.3.1/shim/html5shiv.min.js"></script>
<script src="/assets/bootstrap-3.3.1/shim/respond.min.js"></script>
<script src="/assets/htmlwidgets-0.5/htmlwidgets.js"></script>
<link href="/assets/leaflet-0.7.3/leaflet.css" rel="stylesheet" />
<script src="/assets/leaflet-0.7.3/leaflet.js"></script>
<link href="/assets/leafletfix-1.0.0/leafletfix.css" rel="stylesheet" />
<script src="/assets/leaflet-binding-1.0.1/leaflet.js"></script>
{% endif %}
Я добавил опцию maps: true
во вступительную часть страниц с картами, чтобы часть {% if page.maps %}
удостоверилась, что весь этот код загружается только для тех страниц, которым он нужен.
Я скопировал все скрипты из папки, созданной Knitr, когда я компилировал страницу R-markdown без jekyll. Поэтому мне пришлось установить
output:
html_document:
self_contained: no
во вступительной части (иначе код встраивается в страницу и не может быть так легко скопирован).
Команда разработчиков листовки R включает библиотеки в свой index.html. как это:
<script src="libs/jquery/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="libs/bootstrap/css/flatly.min.css" rel="stylesheet" />
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="libs/bootstrap/shim/html5shiv.min.js"></script>
<script src="libs/bootstrap/shim/respond.min.js"></script>
<script src="libs/htmlwidgets/htmlwidgets.js"></script>
<link href="libs/leaflet/leaflet.css" rel="stylesheet" />
<script src="libs/leaflet/leaflet.js"></script>
<link href="libs/leafletfix/leafletfix.css" rel="stylesheet" />
<script src="libs/leaflet-binding/leaflet.js"></script>
Вы можете скопировать библиотеки из папки их библиотек.
Я вижу на вашей странице, что вы уже заставили его работать другим методом. Я просто хотел включить это, потому что я просто работал над той же темой...
person
nnn
schedule
12.03.2016