|
7 | 7 | <meta charset="utf-8" /> |
8 | 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
9 | 9 | <meta name="generator" content="pandoc" /> |
| 10 | +<meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> |
10 | 11 |
|
11 | 12 |
|
12 | 13 |
|
|
30 | 31 | <script src="libs/Proj4Leaflet/proj4leaflet.js"></script> |
31 | 32 | <link href="libs/rstudio_leaflet/rstudio_leaflet.css" rel="stylesheet" /> |
32 | 33 | <script src="libs/leaflet-binding/leaflet.js"></script> |
33 | | -<script src="libs/leaflet-providers/leaflet-providers.js"></script> |
| 34 | +<script src="libs/leaflet-providers/leaflet-providers_1.9.0.js"></script> |
34 | 35 | <script src="libs/leaflet-providers-plugin/leaflet-providers-plugin.js"></script> |
35 | 36 |
|
36 | 37 | <style type="text/css">code{white-space: pre;}</style> |
|
79 | 80 | </style> |
80 | 81 |
|
81 | 82 |
|
82 | | -</head> |
83 | 83 |
|
84 | | -<body> |
85 | 84 |
|
86 | 85 | <style type = "text/css"> |
87 | 86 | .main-container { |
|
95 | 94 | } |
96 | 95 | img { |
97 | 96 | max-width:100%; |
98 | | - height: auto; |
99 | 97 | } |
100 | 98 | .tabbed-pane { |
101 | 99 | padding-top: 12px; |
|
106 | 104 | button.code-folding-btn:focus { |
107 | 105 | outline: none; |
108 | 106 | } |
| 107 | +summary { |
| 108 | + display: list-item; |
| 109 | +} |
109 | 110 | </style> |
110 | 111 |
|
111 | 112 |
|
112 | 113 |
|
113 | | -<div class="container-fluid main-container"> |
114 | | - |
115 | 114 | <!-- tabsets --> |
116 | 115 |
|
117 | 116 | <style type="text/css"> |
|
168 | 167 | } |
169 | 168 | </style> |
170 | 169 |
|
171 | | -<script> |
172 | | -$(document).ready(function () { |
173 | | - window.buildTabsets("TOC"); |
174 | | -}); |
| 170 | +<!-- code folding --> |
175 | 171 |
|
176 | | -$(document).ready(function () { |
177 | | - $('.tabset-dropdown > .nav-tabs > li').click(function () { |
178 | | - $(this).parent().toggleClass('nav-tabs-open') |
179 | | - }); |
180 | | -}); |
181 | | -</script> |
182 | 172 |
|
183 | | -<!-- code folding --> |
184 | 173 |
|
185 | 174 |
|
| 175 | +</head> |
| 176 | + |
| 177 | +<body> |
| 178 | + |
| 179 | + |
| 180 | +<div class="container-fluid main-container"> |
| 181 | + |
186 | 182 |
|
187 | 183 |
|
188 | 184 | <style type="text/css"> |
@@ -268,8 +264,8 @@ <h3>Default (OpenStreetMap) Tiles</h3> |
268 | 264 | <p>The easiest way to add tiles is by calling <code>addTiles()</code> with no arguments; by default, <a href="https://www.openstreetmap.org/">OpenStreetMap</a> tiles are used.</p> |
269 | 265 | <pre class="r"><code>m <- leaflet() %>% setView(lng = -71.0589, lat = 42.3601, zoom = 12) |
270 | 266 | m %>% addTiles()</code></pre> |
271 | | -<div id="htmlwidget-927ec88a166bf954e46a" style="width:100%;height:240px;" class="leaflet html-widget"></div> |
272 | | -<script type="application/json" data-for="htmlwidget-927ec88a166bf954e46a">{ |
| 267 | +<div id="htmlwidget-562da05387aef08f69fb" style="width:100%;height:240px;" class="leaflet html-widget"></div> |
| 268 | +<script type="application/json" data-for="htmlwidget-562da05387aef08f69fb">{ |
273 | 269 | "x": { |
274 | 270 | "options": { |
275 | 271 | "crs": { |
@@ -320,8 +316,8 @@ <h3>Third-Party Tiles</h3> |
320 | 316 | <p>Alternatively, many popular free third-party basemaps can be added using the <code>addProviderTiles()</code> function, which is implemented using the <a href="https://github.com/leaflet-extras/leaflet-providers">leaflet-providers plugin</a>. See <a href="http://leaflet-extras.github.io/leaflet-providers/preview/index.html">here</a> for the complete set.</p> |
321 | 317 | <p>As a convenience, leaflet also provides a named list of all the third-party tile providers that are supported by the plugin. This enables you to use auto-completion feature of your favorite R IDE (like RStudio) and not have to remember or look up supported tile providers; just type <code>providers$</code> and choose from one of the options. You can also use <code>names(providers)</code> to view all of the options.</p> |
322 | 318 | <pre class="r"><code>m %>% addProviderTiles(providers$Stamen.Toner)</code></pre> |
323 | | -<div id="htmlwidget-e2aad06f99e8b55df8d8" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
324 | | -<script type="application/json" data-for="htmlwidget-e2aad06f99e8b55df8d8">{ |
| 319 | +<div id="htmlwidget-92aa9ec4a26e6d2eb4c3" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
| 320 | +<script type="application/json" data-for="htmlwidget-92aa9ec4a26e6d2eb4c3">{ |
325 | 321 | "x": { |
326 | 322 | "options": { |
327 | 323 | "crs": { |
@@ -357,8 +353,8 @@ <h3>Third-Party Tiles</h3> |
357 | 353 | "jsHooks": [] |
358 | 354 | }</script> |
359 | 355 | <pre class="r"><code>m %>% addProviderTiles(providers$CartoDB.Positron)</code></pre> |
360 | | -<div id="htmlwidget-ec9d8b9e435c1a666871" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
361 | | -<script type="application/json" data-for="htmlwidget-ec9d8b9e435c1a666871">{ |
| 356 | +<div id="htmlwidget-fb03bf98e7202586eee1" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
| 357 | +<script type="application/json" data-for="htmlwidget-fb03bf98e7202586eee1">{ |
362 | 358 | "x": { |
363 | 359 | "options": { |
364 | 360 | "crs": { |
@@ -394,8 +390,8 @@ <h3>Third-Party Tiles</h3> |
394 | 390 | "jsHooks": [] |
395 | 391 | }</script> |
396 | 392 | <pre class="r"><code>m %>% addProviderTiles(providers$Esri.NatGeoWorldMap)</code></pre> |
397 | | -<div id="htmlwidget-65e60ed4f5440bdab363" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
398 | | -<script type="application/json" data-for="htmlwidget-65e60ed4f5440bdab363">{ |
| 393 | +<div id="htmlwidget-b182c7e3d7d2f09bcc5e" style="width:100%;height:120px;" class="leaflet html-widget"></div> |
| 394 | +<script type="application/json" data-for="htmlwidget-b182c7e3d7d2f09bcc5e">{ |
399 | 395 | "x": { |
400 | 396 | "options": { |
401 | 397 | "crs": { |
@@ -446,8 +442,8 @@ <h3>WMS Tiles</h3> |
446 | 442 | options = WMSTileOptions(format = "image/png", transparent = TRUE), |
447 | 443 | attribution = "Weather data © 2012 IEM Nexrad" |
448 | 444 | )</code></pre> |
449 | | -<div id="htmlwidget-c6a36a601760297b5cca" style="width:100%;height:240px;" class="leaflet html-widget"></div> |
450 | | -<script type="application/json" data-for="htmlwidget-c6a36a601760297b5cca">{ |
| 445 | +<div id="htmlwidget-2e17ae06f223c72250d9" style="width:100%;height:240px;" class="leaflet html-widget"></div> |
| 446 | +<script type="application/json" data-for="htmlwidget-2e17ae06f223c72250d9">{ |
451 | 447 | "x": { |
452 | 448 | "options": { |
453 | 449 | "crs": { |
@@ -516,8 +512,8 @@ <h3>Combining Tile Layers</h3> |
516 | 512 | addProviderTiles(providers$Stamen.TonerLines, |
517 | 513 | options = providerTileOptions(opacity = 0.35)) %>% |
518 | 514 | addProviderTiles(providers$Stamen.TonerLabels)</code></pre> |
519 | | -<div id="htmlwidget-6d8788299161dc56faef" style="width:100%;height:168px;" class="leaflet html-widget"></div> |
520 | | -<script type="application/json" data-for="htmlwidget-6d8788299161dc56faef">{ |
| 515 | +<div id="htmlwidget-2f386608a10ed269577b" style="width:100%;height:168px;" class="leaflet html-widget"></div> |
| 516 | +<script type="application/json" data-for="htmlwidget-2f386608a10ed269577b">{ |
521 | 517 | "x": { |
522 | 518 | "options": { |
523 | 519 | "crs": { |
@@ -611,6 +607,23 @@ <h3>Combining Tile Layers</h3> |
611 | 607 |
|
612 | 608 | </script> |
613 | 609 |
|
| 610 | +<!-- tabsets --> |
| 611 | + |
| 612 | +<script> |
| 613 | +$(document).ready(function () { |
| 614 | + window.buildTabsets("TOC"); |
| 615 | +}); |
| 616 | + |
| 617 | +$(document).ready(function () { |
| 618 | + $('.tabset-dropdown > .nav-tabs > li').click(function () { |
| 619 | + $(this).parent().toggleClass('nav-tabs-open') |
| 620 | + }); |
| 621 | +}); |
| 622 | +</script> |
| 623 | + |
| 624 | +<!-- code folding --> |
| 625 | + |
| 626 | + |
614 | 627 | <!-- dynamically load mathjax for compatibility with self-contained --> |
615 | 628 | <script> |
616 | 629 | (function () { |
|
0 commit comments