tykayn/libre-charge-map
1
0
Fork 0
mirror of https://forge.chapril.org/tykayn/libre-charge-map synced 2025-06-20 01:34:43 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

up display details

Browse source
This commit is contained in:
Tykayn 2025-02-03 11:18:34 +01:00 • committed by tykayn
parent cacc382924
commit 6ac7a95020
2 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -135,6 +135,7 @@
</div> </div>
<div id="current_station_infos"></div>
<div id="infos_carte"></div> <div id="infos_carte"></div>
<div id="filters"> <div id="filters">
@ -198,7 +199,10 @@
À propos de ce plan</h2> À propos de ce plan</h2>
<p> <p>
La carte thématique proposant des points de charge pour véhicule électrique, basée sur les données La carte thématique proposant des points de charge pour véhicule électrique, basée sur les données
d'OpenStreetMap. d'OpenStreetMap. Voir la documentation OSM concernant <a href="https://wiki.openstreetmap.org/wiki/Key:socket:*">les sockets</a> et les
<a href="https://wiki.openstreetmap.org/wiki/FR:Tag:amenity%3Dcharging_station">
stations de recharge pour véhicules électriques
</a>.
</p> </p>
<br> <br>
Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a href="https://www.cipherbliss.com">www.cipherbliss.com</a>. Fait par <a href="https://mastodon.cipherbliss.com/@tykayn">Tykayn</a> - <a href="https://www.cipherbliss.com">www.cipherbliss.com</a>.

17
js/lcm_main.js
View file

@ -412,6 +412,7 @@ function eachFeature(feature, layer) {
<a href="${panoramaxLink}" target="_blank" class="panoramax-link" title="Voir sur Panoramax"> <a href="${panoramaxLink}" target="_blank" class="panoramax-link" title="Voir sur Panoramax">
<img src="styles/images/panoramax.ico" alt="icone"></a> <img src="styles/images/panoramax.ico" alt="icone"></a>
<span class="color-indication" style="background-color: ${color};">${displayOutPowerGuessed}</span> <span class="color-indication" style="background-color: ${color};">${displayOutPowerGuessed}</span>
<button id="fullDetails" >détails</button>
<span class="popup-content">${popupContent}</span>`; <span class="popup-content">${popupContent}</span>`;
let zoom = map.getZoom(); let zoom = map.getZoom();
@ -462,7 +463,10 @@ function eachFeature(feature, layer) {
let keys = Object.keys(feature.properties) let keys = Object.keys(feature.properties)
console.log('feature.properties', keys) console.log('feature.properties', keys)
if(keys.indexOf('type2_cable') === -1 ){ /**
* on considère l'information de câble manquante uniquement dans le cas où une info de socket de type 2 est présente mais pas le tag socket:type2_cable.
*/
if(keys.indexOf('socket:type2') !==-1 && keys.indexOf('socket:type2_cable') === -1 ){
let circle_alert = L.circle(layer._latlng, { let circle_alert = L.circle(layer._latlng, {
color: 'red', color: 'red',
fillColor: 'orange', fillColor: 'orange',
@ -476,6 +480,8 @@ function eachFeature(feature, layer) {
mouseover: function () { mouseover: function () {
this.openPopup(); this.openPopup();
bindEventsOnJosmRemote(); bindEventsOnJosmRemote();
updateExternalEditorsLinks();
bindFullDetails(feature);
}, },
mouseout: function () { mouseout: function () {
// setTimeout(() => this.closePopup(), 15000); // setTimeout(() => this.closePopup(), 15000);
@ -483,6 +489,9 @@ function eachFeature(feature, layer) {
click: function () { click: function () {
this.openPopup(); this.openPopup();
bindEventsOnJosmRemote(); bindEventsOnJosmRemote();
updateExternalEditorsLinks();
bindFullDetails(feature);
}, },
}); });
@ -526,7 +535,13 @@ function eachFeature(feature, layer) {
}); });
} }
function bindFullDetails(feature){
$('#fullDetails'.on('click', ()=>{
$('#current_station_infos').html('<pre>'+feature.properties+'</pre>')
}))
}
function makeCssClassFromTags(tags) { function makeCssClassFromTags(tags) {
let tagKeys = Object.keys(tags) let tagKeys = Object.keys(tags)
if (!tags) { if (!tags) {