Files
EVMap/faq.html
2021-09-23 18:42:09 +02:00

142 lines
6.9 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<title>FAQ</title>
<style>
body {
font-family: 'Roboto', sans-serif;
}
.marker-icon {
width: 24px;
}
.marker-icon.marker-low .st0 {
fill: #607d8b;
}
.marker-icon.marker-11kw .st0 {
fill: #9e9e9e;
}
.marker-icon.marker-20kw .st0 {
fill: #03a9f4;
}
.marker-icon.marker-43kw .st0 {
fill: #ff9800;
}
.marker-icon.marker-100kw .st0 {
fill: #ffeb3b
}
table {
border: none;
border-spacing: 0;
}
table td {
background: #fafafa;
padding: 8px;
}
table thead td {
background: #ccc;
font-weight: bold;
}
</style>
</head>
<body>
<h2>FAQ</h2>
<h3>Was bedeuten die verschiedenen Farben der Ladestationen auf der Karte?</h3>
<p>Die Bedeutungen sind unten aufgelistet:</p>
<table>
<thead>
<td>Icon</td>
<td>Leistung der Ladestation</td>
</thead>
<tr>
<td>
<svg class="marker-icon marker-low" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.8 368.4">
<path class="st0" d="M109.8,0h13.6c33.9,1.9,67.1,18.5,87.7,45.8c13.5,17.2,21,38.6,22.7,60.3v8.1c-0.8,42.1-27.7,76.6-51,109.4
c-26.2,37-50.4,77.3-57.1,122.9c-1.8,7.7,0.4,18.5-8.9,22c-2.2-1.7-4.7-3.1-6.2-5.4c-2.7-25.5-9.1-50.7-20-73.9
c-12.3-27.1-29.5-51.6-47-75.6C33,199,23,184.2,14.7,168.3c-13-23.8-17.9-51.9-12.5-78.6c4.4-21.1,15.4-40.6,30.6-55.7
C53.3,14,81.1,1.8,109.8,0z" />
<path class="st3" d="M90.9,57.3v68.2h18.6v55.8l43.4-74.4h-24.8l24.8-49.6H90.9z" />
</svg>
</td>
<td>&lt;11 kW</td>
</tr>
<tr>
<td>
<svg class="marker-icon marker-11kw" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.8 368.4">
<path class="st0" d="M109.8,0h13.6c33.9,1.9,67.1,18.5,87.7,45.8c13.5,17.2,21,38.6,22.7,60.3v8.1c-0.8,42.1-27.7,76.6-51,109.4
c-26.2,37-50.4,77.3-57.1,122.9c-1.8,7.7,0.4,18.5-8.9,22c-2.2-1.7-4.7-3.1-6.2-5.4c-2.7-25.5-9.1-50.7-20-73.9
c-12.3-27.1-29.5-51.6-47-75.6C33,199,23,184.2,14.7,168.3c-13-23.8-17.9-51.9-12.5-78.6c4.4-21.1,15.4-40.6,30.6-55.7
C53.3,14,81.1,1.8,109.8,0z" />
<path class="st3" d="M90.9,57.3v68.2h18.6v55.8l43.4-74.4h-24.8l24.8-49.6H90.9z" />
</svg>
</td>
<td>ab 11 kW</td>
</tr>
<tr>
<td>
<svg class="marker-icon marker-20kw" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.8 368.4">
<path class="st0" d="M109.8,0h13.6c33.9,1.9,67.1,18.5,87.7,45.8c13.5,17.2,21,38.6,22.7,60.3v8.1c-0.8,42.1-27.7,76.6-51,109.4
c-26.2,37-50.4,77.3-57.1,122.9c-1.8,7.7,0.4,18.5-8.9,22c-2.2-1.7-4.7-3.1-6.2-5.4c-2.7-25.5-9.1-50.7-20-73.9
c-12.3-27.1-29.5-51.6-47-75.6C33,199,23,184.2,14.7,168.3c-13-23.8-17.9-51.9-12.5-78.6c4.4-21.1,15.4-40.6,30.6-55.7
C53.3,14,81.1,1.8,109.8,0z" />
<path class="st3" d="M90.9,57.3v68.2h18.6v55.8l43.4-74.4h-24.8l24.8-49.6H90.9z" />
</svg>
</td>
<td>ab 20 kW</td>
</tr>
<tr>
<td>
<svg class="marker-icon marker-43kw" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.8 368.4">
<path class="st0" d="M109.8,0h13.6c33.9,1.9,67.1,18.5,87.7,45.8c13.5,17.2,21,38.6,22.7,60.3v8.1c-0.8,42.1-27.7,76.6-51,109.4
c-26.2,37-50.4,77.3-57.1,122.9c-1.8,7.7,0.4,18.5-8.9,22c-2.2-1.7-4.7-3.1-6.2-5.4c-2.7-25.5-9.1-50.7-20-73.9
c-12.3-27.1-29.5-51.6-47-75.6C33,199,23,184.2,14.7,168.3c-13-23.8-17.9-51.9-12.5-78.6c4.4-21.1,15.4-40.6,30.6-55.7
C53.3,14,81.1,1.8,109.8,0z" />
<path class="st3" d="M90.9,57.3v68.2h18.6v55.8l43.4-74.4h-24.8l24.8-49.6H90.9z" />
</svg>
</td>
<td>ab 43 kW</td>
</tr>
<tr>
<td>
<svg class="marker-icon marker-100kw" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.8 368.4">
<path class="st0" d="M109.8,0h13.6c33.9,1.9,67.1,18.5,87.7,45.8c13.5,17.2,21,38.6,22.7,60.3v8.1c-0.8,42.1-27.7,76.6-51,109.4
c-26.2,37-50.4,77.3-57.1,122.9c-1.8,7.7,0.4,18.5-8.9,22c-2.2-1.7-4.7-3.1-6.2-5.4c-2.7-25.5-9.1-50.7-20-73.9
c-12.3-27.1-29.5-51.6-47-75.6C33,199,23,184.2,14.7,168.3c-13-23.8-17.9-51.9-12.5-78.6c4.4-21.1,15.4-40.6,30.6-55.7
C53.3,14,81.1,1.8,109.8,0z" />
<path class="st3" d="M90.9,57.3v68.2h18.6v55.8l43.4-74.4h-24.8l24.8-49.6H90.9z" />
</svg>
</td>
<td>ab 100 kW</td>
</tr>
</table>
<h3>Was bedeuten Ladestationen auf der Karte mit zwei Blitzen?</h3>
<p>Wenn das Icon der Ladestation zwei Blitze hat, ist mehr als ein Anschluss an der Ladestation vorhanden.
Wenn ein Filter nach bestimmten Anschlüssen oder Ladeleistungen eingstellt ist, bezieht sich das Icon auf
Anschlüsse des ausgewählten Typs und Leistung.</p>
<h3>Was bedeuten die verschiedenen Farben der Anschlüsse?</h3>
<p>In der Detailansicht einer Ladestation werden die Anschlüsse mit Echtzeitdaten zur Verfügbarkeit angezeigt. Die Bedeutungen sind unten aufgelistet:</p>
<ul>
<li><span style="color:#4caf50">Grün</span>: Mindestens ein Anschluss dieses Typs verfügbar</li>
<li><span style="color:#f44336">Rot</span>: Alle Anschlüsse dieses Typs defekt</li>
<li><span style="color:#00bcd4">Türkis</span>: Alle Anschlüsse dieses Typs besetzt oder defekt</li>
<li><span style="color:#9e9e9e">Grau</span>: Keine Live-Daten verfügbar</li>
</ul>
<h3>Was bedeutet der grüne Haken neben dem Namen einer Ladestation?</h3>
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#4caf50"><g><rect fill="none" height="24" width="24"/></g><g><path d="M23,12l-2.44-2.79l0.34-3.69l-3.61-0.82L15.4,1.5L12,2.96L8.6,1.5L6.71,4.69L3.1,5.5L3.44,9.2L1,12l2.44,2.79l-0.34,3.7 l3.61,0.82L8.6,22.5l3.4-1.47l3.4,1.46l1.89-3.19l3.61-0.82l-0.34-3.69L23,12z M10.09,16.72l-3.8-3.81l1.48-1.48l2.32,2.33 l5.85-5.87l1.48,1.48L10.09,16.72z"/></g></svg>
<p>Die Ladestation wurde von einem Mitglied der <a href="https://www.goingelectric.de/stromtankstellen/">GoingElectric.de</a>-Community verifiziert,
d.h. es ist mindestens ein erfolgreicher Eintrag im Ladelog zu finden und keine aktuelle Störung gemeldet. Das bedeutet aber natürlich nicht zwangsläufig,
dass die Ladestation auch aktuell noch funktionsfähig und zugänglich ist. Wenn eine Ladestation nicht funktioniert, trage bitte bei
<a href="https://www.goingelectric.de/stromtankstellen/">GoingElectric.de</a> eine Störungsmeldung ein.</p>
</body>
</html>