@yaga/leaflet-ng2
Version:
Angular2 module for Leaflet
90 lines (79 loc) • 4.25 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>YAGA | leaflet-ng2 | Examples</title>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" />
<style>
ul.list-group {
margin-bottom: 2em;
}
</style>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body>
<header role="navigation" class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">
<div class="container">
<a class="navbar-brand" href="https://yagajs.org">YAGA</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="nav navbar-nav">
<li class="nav-item nav-link"><a href="https://leaflet-ng2.yagajs.org" title="leaflet-ng2" class="nav-link"><span class="fa fa-cube" aria-hidden="true"></span> leaflet-ng2</a></li>
<li class="nav-item nav-link"><a href="../" title="Last release" class="nav-link"><span class="fa fa-flag" aria-hidden="true"></span> Release</a></li>
<li class="nav-item nav-link active"><a href="#" title="YAGA Examples" class="nav-link"><span class="fa fa-tv" aria-hidden="true"></span> Examples</a></li>
</ul>
</div>
</div>
</header>
<div class="container">
<h1>List of examples</h1>
<h4>Map</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./map-component">Map-Component</a></li>
</ul>
<h4>Raster-Layer</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./tile-layer-directive">Tile-Layer</a></li>
<li class="list-group-item"><a href="./wms-layer-directive">WMS-Layer</a></li>
<li class="list-group-item"><a href="./image-overlay-directive">Image-Overlay</a></li>
</ul>
<h4>Vector-Layer</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./circle-directive">Circle-Directive</a></li>
<li class="list-group-item"><a href="./circle-marker-directive">Circle-Marker-Directive</a></li>
<li class="list-group-item"><a href="./marker-directive">Marker-Directive</a></li>
<li class="list-group-item"><a href="./polyline-directive">Polyline-Directive</a></li>
<li class="list-group-item"><a href="./rectangle-directive">Rectangle-Directive</a></li>
<li class="list-group-item"><a href="./polygon-directive">Polygon-Directive</a></li>
<li class="list-group-item"><a href="./geojson-directive">GeoJSON-Directive</a></li>
</ul>
<h4>Icons</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./icon-directive">Icon-Directive</a></li>
<li class="list-group-item"><a href="./div-icon-directive">Div-Icon-Directive</a></li>
</ul>
<h4>Modals</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./popup-directive">Popup-Directive</a></li>
<li class="list-group-item"><a href="./tooltip-directive">Tooltip-Directive</a></li>
</ul>
<h4>Controls</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./attribution-control-directive">Attribution-Control-Directive</a></li>
<li class="list-group-item"><a href="./layers-control-directive">Layers-Control-Directive</a></li>
<li class="list-group-item"><a href="./scale-control-directive">Scale-Control-Directive</a></li>
<li class="list-group-item"><a href="./zoom-control-directive">Zoom-Control-Directive</a></li>
</ul>
<h4>Practical examples</h4>
<ul class="list-group">
<li class="list-group-item"><a href="./floor-plan">Floor Plan</a></li>
<li class="list-group-item"><a href="./passau">FOSSGIS 2017 Example</a></li>
</ul>
</div>
</body>
</html>