Bild mit Checkbox?
Ich trage Zeitung aus und es wäre sehr hilfreich wenn ich auf der Karte wo die Häuser stehen wo ich austragen muss bei jedem Haus eine Checkbox ist. Dann muss ich nicht immer so die Häuser digital durchstreichen. Wie geht das?
2 Antworten
Für den Fall, dass sich die Karte sowie die Hausadressen nicht oft ändern, könntest du dir einfach einen Screenshot anlegen, den als Bild auf einer Webseite einbinden und darüber mit HTML und CSS Checkboxen absolut positionieren. Das wäre soweit eine recht einfache Lösung.
Beispiel:
<!doctype html>
<head>
<title>Example</title>
<style>
.container { position: relative }
.addresses {
left: 0;
list-style-type: none;
padding: 0;
position: absolute;
top: 0
}
.addresses li { position: absolute }
</style>
</head>
<form class="container">
<img alt height="500" src="map.png" width="800">
<ul class="addresses">
<li style="top:10px;left:20px"><input type="checkbox">
<li style="top:20px;left:10px"><input type="checkbox">
<!-- etc. ... -->
</ul>
<input type="reset">
</form>
Wenn du eine dynamische Karte brauchst, binde dir eine Lösung wie Google Maps, Leaflet, o.ä. ein und nutze deren API, um Marker hinzuzufügen oder (z.B. bei Klick) zu entfernen. Dafür sind JavaScript-Kenntnisse erforderlich.
Es ist geplant, eine Funktion zu implementieren, mit der Häuser auf einer Karte markiert werden können. Vor jeder Zeitungszustellung soll diese Markierung zurückgesetzt werden. Die Karte soll anhand deiner Route automatisch markieren, wo du bereits Zeitungen ausgetragen hast
Könnte man prüfen, ob Google Maps oder andere Kartendienste diese Funktion bereits anbieten? Falls nicht, könnte eine KI (ChatGPT, Claude, Gemini) mit der Google Maps API eine solche Funktion entwickeln.
Ja, wie mach ich das aber?