rlayers
Version:
React Components for OpenLayers
1,508 lines (1,506 loc) • 374 kB
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
rlayers
3.6.0 | Documentation
</title>
<script src="bootstrap.bundle.min.js"></script>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="hipster.css" rel="stylesheet">
<meta name="description" content="React Components for OpenLayers">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<div class="container d-flex flex-row">
<div class="position-sticky nav-section list px-2">
<h1 class="mt-2 mb-3 me-2">rlayers 3.6.0</h1>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#core-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#core">
<h3 class="m-0">Core</h3>
</a>
</div>
<div class="collapse" id="core-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rmap-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rmap">
<h3 class="m-0">RMap</h3>
</a>
</div>
<div class="collapse" id="rmap-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#rview-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rview">
<h3 class="m-0">RView</h3>
</a>
</div>
<div class="collapse" id="rview-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#center-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#center">
<h3 class="m-0">center</h3>
</a>
</div>
<div class="collapse" id="center-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#zoom-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#zoom">
<h3 class="m-0">zoom</h3>
</a>
</div>
<div class="collapse" id="zoom-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#resolution-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#resolution">
<h3 class="m-0">resolution</h3>
</a>
</div>
<div class="collapse" id="resolution-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rfeature-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rfeature">
<h3 class="m-0">RFeature</h3>
</a>
</div>
<div class="collapse" id="rfeature-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#roverlay-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#roverlay">
<h3 class="m-0">ROverlay</h3>
</a>
</div>
<div class="collapse" id="roverlay-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#rpopup-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rpopup">
<h3 class="m-0">RPopup</h3>
</a>
</div>
<div class="collapse" id="rpopup-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#toggle-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#toggle">
<h3 class="m-0">toggle</h3>
</a>
</div>
<div class="collapse" id="toggle-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#show-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#show">
<h3 class="m-0">show</h3>
</a>
</div>
<div class="collapse" id="show-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#hide-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#hide">
<h3 class="m-0">hide</h3>
</a>
</div>
<div class="collapse" id="hide-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rgeolocation-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rgeolocation">
<h3 class="m-0">RGeolocation</h3>
</a>
</div>
<div class="collapse" id="rgeolocation-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#rcontexttype-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rcontexttype">
<h3 class="m-0">RContextType</h3>
</a>
</div>
<div class="collapse" id="rcontexttype-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#map-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#map">
<h3 class="m-0">map</h3>
</a>
</div>
<div class="collapse" id="map-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#layer-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#layer">
<h3 class="m-0">layer</h3>
</a>
</div>
<div class="collapse" id="layer-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#vectorlayer-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#vectorlayer">
<h3 class="m-0">vectorlayer</h3>
</a>
</div>
<div class="collapse" id="vectorlayer-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#feature-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#feature">
<h3 class="m-0">feature</h3>
</a>
</div>
<div class="collapse" id="feature-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#location-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#location">
<h3 class="m-0">location</h3>
</a>
</div>
<div class="collapse" id="location-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#style-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#style">
<h3 class="m-0">style</h3>
</a>
</div>
<div class="collapse" id="style-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#stylearray-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#stylearray">
<h3 class="m-0">styleArray</h3>
</a>
</div>
<div class="collapse" id="stylearray-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rmap-1-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rmap-1">
<h3 class="m-0">rMap</h3>
</a>
</div>
<div class="collapse" id="rmap-1-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayer-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayer">
<h3 class="m-0">rLayer</h3>
</a>
</div>
<div class="collapse" id="rlayer-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayervector-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayervector">
<h3 class="m-0">rLayerVector</h3>
</a>
</div>
<div class="collapse" id="rlayervector-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayervectortile-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayervectortile">
<h3 class="m-0">rLayerVectorTile</h3>
</a>
</div>
<div class="collapse" id="rlayervectortile-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rfeature-1-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rfeature-1">
<h3 class="m-0">rFeature</h3>
</a>
</div>
<div class="collapse" id="rfeature-1-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#layers-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#layers">
<h3 class="m-0">Layers</h3>
</a>
</div>
<div class="collapse" id="layers-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerbasevector-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerbasevector">
<h3 class="m-0">RLayerBaseVector</h3>
</a>
</div>
<div class="collapse" id="rlayerbasevector-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayercluster-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayercluster">
<h3 class="m-0">RLayerCluster</h3>
</a>
</div>
<div class="collapse" id="rlayercluster-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerheatmap-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerheatmap">
<h3 class="m-0">RLayerHeatmap</h3>
</a>
</div>
<div class="collapse" id="rlayerheatmap-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerraster-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerraster">
<h3 class="m-0">RLayerRaster</h3>
</a>
</div>
<div class="collapse" id="rlayerraster-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerstadia-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerstadia">
<h3 class="m-0">RLayerStadia</h3>
</a>
</div>
<div class="collapse" id="rlayerstadia-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayertilejson-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayertilejson">
<h3 class="m-0">RLayerTileJSON</h3>
</a>
</div>
<div class="collapse" id="rlayertilejson-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayertile-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayertile">
<h3 class="m-0">RLayerTile</h3>
</a>
</div>
<div class="collapse" id="rlayertile-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayertilewebgl-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayertilewebgl">
<h3 class="m-0">RLayerTileWebGL</h3>
</a>
</div>
<div class="collapse" id="rlayertilewebgl-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayertilewms-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayertilewms">
<h3 class="m-0">RLayerTileWMS</h3>
</a>
</div>
<div class="collapse" id="rlayertilewms-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayer-1-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayer-1">
<h3 class="m-0">RLayer</h3>
</a>
</div>
<div class="collapse" id="rlayer-1-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayervectorimage-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayervectorimage">
<h3 class="m-0">RLayerVectorImage</h3>
</a>
</div>
<div class="collapse" id="rlayervectorimage-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayervectortile-1-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayervectortile-1">
<h3 class="m-0">RLayerVectorTile</h3>
</a>
</div>
<div class="collapse" id="rlayervectortile-1-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayervector-1-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayervector-1">
<h3 class="m-0">RLayerVector</h3>
</a>
</div>
<div class="collapse" id="rlayervector-1-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerwebgl-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerwebgl">
<h3 class="m-0">RLayerWebGL</h3>
</a>
</div>
<div class="collapse" id="rlayerwebgl-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerwms-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerwms">
<h3 class="m-0">RLayerWMS</h3>
</a>
</div>
<div class="collapse" id="rlayerwms-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayerwmts-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayerwmts">
<h3 class="m-0">RLayerWMTS</h3>
</a>
</div>
<div class="collapse" id="rlayerwmts-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rosm-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rosm">
<h3 class="m-0">ROSM</h3>
</a>
</div>
<div class="collapse" id="rosm-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rosmwebgl-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rosmwebgl">
<h3 class="m-0">ROSMWebGL</h3>
</a>
</div>
<div class="collapse" id="rosmwebgl-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#controls-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#controls">
<h3 class="m-0">Controls</h3>
</a>
</div>
<div class="collapse" id="controls-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rattribution-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rattribution">
<h3 class="m-0">RAttribution</h3>
</a>
</div>
<div class="collapse" id="rattribution-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rcontrolbase-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rcontrolbase">
<h3 class="m-0">RControlBase</h3>
</a>
</div>
<div class="collapse" id="rcontrolbase-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rcustom-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rcustom">
<h3 class="m-0">RCustom</h3>
</a>
</div>
<div class="collapse" id="rcustom-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rfullscreen-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rfullscreen">
<h3 class="m-0">RFullScreen</h3>
</a>
</div>
<div class="collapse" id="rfullscreen-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rlayers-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rlayers">
<h3 class="m-0">RLayers</h3>
</a>
</div>
<div class="collapse" id="rlayers-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#roverviewmap-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#roverviewmap">
<h3 class="m-0">ROverviewMap</h3>
</a>
</div>
<div class="collapse" id="roverviewmap-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rrotate-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rrotate">
<h3 class="m-0">RRotate</h3>
</a>
</div>
<div class="collapse" id="rrotate-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rscaleline-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rscaleline">
<h3 class="m-0">RScaleLine</h3>
</a>
</div>
<div class="collapse" id="rscaleline-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rzoomslider-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rzoomslider">
<h3 class="m-0">RZoomSlider</h3>
</a>
</div>
<div class="collapse" id="rzoomslider-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rzoom-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rzoom">
<h3 class="m-0">RZoom</h3>
</a>
</div>
<div class="collapse" id="rzoom-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#styles-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#styles">
<h3 class="m-0">Styles</h3>
</a>
</div>
<div class="collapse" id="styles-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" data-bs-target="#rstyle-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rstyle">
<h3 class="m-0">RStyle</h3>
</a>
</div>
<div class="collapse" id="rstyle-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#getstyle-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#getstyle">
<h3 class="m-0">getStyle</h3>
</a>
</div>
<div class="collapse" id="getstyle-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#getstylestatic-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#getstylestatic">
<h3 class="m-0">getStyleStatic</h3>
</a>
</div>
<div class="collapse" id="getstylestatic-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rstylearray-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rstylearray">
<h3 class="m-0">RStyleArray</h3>
</a>
</div>
<div class="collapse" id="rstylearray-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rbasestyle-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rbasestyle">
<h3 class="m-0">RBaseStyle</h3>
</a>
</div>
<div class="collapse" id="rbasestyle-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rcircle-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rcircle">
<h3 class="m-0">RCircle</h3>
</a>
</div>
<div class="collapse" id="rcircle-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#rfill-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#rfill">
<h3 class="m-0">RFill</h3>
</a>
</div>
<div class="collapse" id="rfill-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<div class="d-flex flex-row align-items-center">
<button class="btn btn-collapse m-0 me-2 p-0 align-items-center collapsed" style="visibility: hidden" data-bs-target="#ricon-collapse"
data-bs-toggle="collapse">
<span class="font-monospace if-collapsed">+</span>
<span class="font-monospace if-not-collapsed">-</span> </button>
<a class=text-decoration-none href="#ricon">
<h3 class="m-0">RIcon</h3>
</a>
</div>
<div class="collapse" id="ricon-collapse">
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
<ul class="list-group">
</ul>
</div>
</li>
<li class=