mirror of
https://forge.chapril.org/tykayn/libre-charge-map
synced 2025-10-04 17:04:53 +02:00
add filters merge
This commit is contained in:
Tykayn
tykayn
commit
756d997e06
15 changed files with 642 additions and 614 deletions
116
index.html
116
index.html
|
|
@ -30,7 +30,17 @@
|
|||
<img class="icon-img" src="img/prise-de-courant.png" alt="prise"> Libre Charge Map
|
||||
</h1>
|
||||
</header>
|
||||
<div class="research_display">
|
||||
<div id='spinning_icon'>
|
||||
<svg id='star' width='4cm' height='4cm' viewBox='0 0 700 400' xmlns='http://www.w3.org/2000/svg'
|
||||
version='1.1'>
|
||||
<polygon fill='red' stroke='red' stroke-width='10' points='350,75 379,161 469,161 397,215
|
||||
423,301 350,250 277,301 303,215
|
||||
231,161 321,161' />
|
||||
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<main>
|
||||
|
|
@ -42,17 +52,7 @@
|
|||
<div id="zoomMessage">
|
||||
Zoomez pour voir les stations de recharge
|
||||
</div>
|
||||
<div class="research_display">
|
||||
<div id='spinning_icon'>
|
||||
<svg id='star' width='4cm' height='4cm' viewBox='0 0 700 400' xmlns='http://www.w3.org/2000/svg'
|
||||
version='1.1'>
|
||||
<polygon fill='red' stroke='red' stroke-width='10' points='350,75 379,161 469,161 397,215
|
||||
423,301 350,250 277,301 303,215
|
||||
231,161 321,161' />
|
||||
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div id='count_features_fond'>
|
||||
</div>
|
||||
<div id='map'>
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
<form onclick="searchLocation()">
|
||||
<!-- <fieldset>-->
|
||||
<input type="text" id="searchLocation" placeholder="Rechercher un lieu" class="search-input">
|
||||
<button id="searchButton" class="rounded-button">🔍 Rechercher</button>
|
||||
<button id="searchButton" class="rounded-button">🔍</button>
|
||||
<select id="searchResults" class="search-results" size="5" style="display: none;"></select>
|
||||
<!-- </fieldset>-->
|
||||
</form>
|
||||
|
|
@ -109,13 +109,28 @@
|
|||
|
||||
|
||||
<div id="current_station_infos"></div>
|
||||
<div id="infos_carte"></div>
|
||||
<!-- <div id="infos_carte"></div> -->
|
||||
|
||||
<div id="filters">
|
||||
<h2>
|
||||
⚙️ Filtres:
|
||||
</h2>
|
||||
<div class="filter-group">
|
||||
<p>
|
||||
<!-- <input type="checkbox" id="filter_unknown_output" checked>
|
||||
<label for="filter_unknown_output">
|
||||
Afficher les stations avec une puissance inconnue
|
||||
</label>
|
||||
<br> -->
|
||||
<!-- <input type="checkbox" id="filter_max_output" checked> -->
|
||||
<label for="filter_max_output">
|
||||
Afficher les stations avec une puissance supérieure à:
|
||||
</label>
|
||||
|
||||
<span id="filter_max_output_display">
|
||||
3 kW
|
||||
</span>
|
||||
</p>
|
||||
<h3>Types de prises</h3>
|
||||
<label>
|
||||
<input type="checkbox" id="filterCableAttached">
|
||||
|
|
@ -165,29 +180,12 @@
|
|||
<span>❓ kW max inconnu</span>
|
||||
</label>
|
||||
</div>
|
||||
<!--
|
||||
<br>
|
||||
<fieldset class="wip">
|
||||
WIP:
|
||||
<a href="" id="mapCompleteLink" class="external-editor">mapcomplete</a>
|
||||
<a href="" id="josmLink" class="external-editor">JOSM</a>
|
||||
<a href="" id="idLink" class="external-editor">id</a>
|
||||
<br>
|
||||
<button id="cableMissing">sans information de câble</button>
|
||||
<i class="info">
|
||||
<span class="i">i</span>
|
||||
<span class="tooltip">mettre un marqueur aux stations qui n'ont pas d'information de
|
||||
câble</span>
|
||||
</i>
|
||||
</fieldset>
|
||||
<button id="filterChelou">les valeurs chelou</button>
|
||||
-->
|
||||
</div>
|
||||
<br>
|
||||
<!-- TODO filtrer les bornes selon la puissance -->
|
||||
|
||||
|
||||
<input type="range" min="1" max="400" value="3" class="slider" id="filter_max_output_slider">
|
||||
</div>
|
||||
<br>
|
||||
<!-- TODO filtrer les bornes selon la puissance -->
|
||||
|
||||
<div id="statsChargingStation">
|
||||
|
||||
|
|
@ -209,11 +207,16 @@
|
|||
<a href="https://wiki.openstreetmap.org/wiki/FR:Tag:amenity%3Dcharging_station">
|
||||
stations de recharge pour véhicules électriques
|
||||
</a>.
|
||||
<br>
|
||||
Les analyses Osmose proposent l'intégration de stations de recharges issues de l'open data sur les IRVE de
|
||||
Data Gouv. Vous pouvez les désactiver dans les filtres de calques. Quand les stations existantes sont
|
||||
activées, seules les analyses osmoses avec un minimum de distance sont affichées.
|
||||
</p>
|
||||
<br>
|
||||
Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a
|
||||
href="https://www.cipherbliss.com">www.cipherbliss.com</a>.
|
||||
<a href="https://forge.chapril.org/tykayn/">Sources disponibles sur la forge du Chapril.</a>
|
||||
<p>
|
||||
|
||||
Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a
|
||||
href="https://www.cipherbliss.com">www.cipherbliss.com</a>.
|
||||
<a href="https://forge.chapril.org/tykayn/">Sources disponibles sur la forge du Chapril.</a>
|
||||
<div class="icones">
|
||||
<img class="icon-img" src="img/Type2_Connector_Outline.svg" alt="type2">
|
||||
|
||||
|
|
@ -223,40 +226,21 @@
|
|||
<img class="icon-img" src="img/chademo.svg" alt="prise">
|
||||
</div>
|
||||
<br>
|
||||
icones
|
||||
câble électrique <a href="https://www.flaticon.com/fr/icones-gratuites/energie" title="energie icônes">Energie
|
||||
icônes créées par rukanicon - Flaticon</a>
|
||||
<span class="small">
|
||||
|
||||
icones
|
||||
câble électrique <a href="https://www.flaticon.com/fr/icones-gratuites/energie"
|
||||
title="energie icônes">Energie
|
||||
icônes créées par rukanicon - Flaticon</a>
|
||||
</span>
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="filters-box">
|
||||
<button id="removeMarkers" class="rounded-button" title="Effacer les marqueurs">
|
||||
🗑️
|
||||
<!-- Effacer les marqueurs -->
|
||||
</button>
|
||||
<button id="chercherButton" class="rounded-button" title="Recharger">
|
||||
🔄
|
||||
<!-- Recharger -->
|
||||
</button>
|
||||
<button id="setRandomView" class="rounded-button" title="Une ville au hasard">
|
||||
🎲
|
||||
<!-- Une ville au hasard -->
|
||||
</button>
|
||||
<button id="sendToJOSM" class="rounded-button" title="Éditer dans JOSM">
|
||||
🗺️
|
||||
<!-- Éditer dans JOSM -->
|
||||
</button>
|
||||
<button id="shareUrl" class="rounded-button" title="Partager l'URL">
|
||||
📤
|
||||
<!-- Partager l'URL -->
|
||||
</button>
|
||||
|
||||
<!-- <button id="toggle">-->
|
||||
<!-- toggle : montrer les stations avec à minima 150kW de puissance dispo-->
|
||||
<!-- </button>-->
|
||||
|
||||
</div>
|
||||
|
||||
<script src='js/leaflet.js'></script>
|
||||
<script src='js/jquery-3.2.1.min.js'></script>
|
||||
|
|
@ -271,4 +255,4 @@
|
|||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue