Ajout d'un panneau vertical pour le resultat de la recerche
This commit is contained in:
parent
f7e5bb37bf
commit
7d45e2f717
8 changed files with 549 additions and 18 deletions
20
index.html
20
index.html
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="stylesheet" href="./js/lib/leaflet/leaflet.css">
|
||||
<link rel="stylesheet" href="./css/style.css">
|
||||
<script type="module" src="./js/index.js"></script>
|
||||
<script type="module" src="./js/components/bidi-panel.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id="main-header">
|
||||
|
|
@ -14,26 +15,17 @@
|
|||
</header>
|
||||
|
||||
<section id="map"></section>
|
||||
<style>
|
||||
#search-section {
|
||||
background: white;
|
||||
padding: 15px;
|
||||
max-width: 300px;
|
||||
margin-left: 15px;
|
||||
margin-top: 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</style>
|
||||
|
||||
<hr>
|
||||
|
||||
<section id="search-section">
|
||||
<form id="search-area">
|
||||
<label for="search-area-query">Rechercher une zone</label><br/>
|
||||
<input type="search" name="query" id="search-area-query" />
|
||||
<button>Rechercher</button>
|
||||
</form>
|
||||
<ul id="search-result"></ul>
|
||||
</section>
|
||||
|
||||
<camp-bidi-panel id="result-panel" ></camp-bidi-panel>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue