NEWS
Test iobroker.vis-mapwidgets
-
Wie installierst du?
von github oder npm?Bessere installationsmethode ist npm
im dialog den npm reiter auswählen und mapwidgets eingeben.
dann findet er den.Bei mir findet er da nichts!

Hab dann wieder über Benutzerdefiniert und der URL installiert.
Hier mal die Ausgabe von grad:
$ iobroker url https://github.com/oweitman/ioBroker.vis-mapwidgets --host iobroker --debug install oweitman/ioBroker.vis-mapwidgets#e854cfc3ef717da054bdc546a683bd5c66d97f79 NPM version: 10.9.7Installing oweitman/ioBroker.vis-mapwidgets#e854cfc3ef717da054bdc546a683bd5c66d97f79... (System call) npm warn skipping integrity check for git dependency ssh://git@github.com/oweitman/ioBroker.vis-mapwidgets.git changed 1 package in 3m332 packages are looking for funding run `npm fund` for details upload [1] vis-mapwidgets.admin /opt/iobroker/node_modules/iobroker.vis-mapwidgets/admin/mapwidgets-small.svg mapwidgets-small.svg image/svg+xml upload [0] vis-mapwidgets.admin /opt/iobroker/node_modules/iobroker.vis-mapwidgets/admin/mapwidgets.svg mapwidgets.svg image/svg+xml INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-mapwidgets/www" was not found! Nothing was uploaded or deleted. Adapter "system.adapter.vis-2.0" restarted.Updating objects from io-package.json for adapter "vis-mapwidgets" with version "0.2.5" Update "system.adapter.vis-mapwidgets.0" Process exited with code 0ok, ich habe die Lösung für die Fehlermeldung
warn State "vis-mapwidgets.0.timeline.geocodingCache" has no existing object, this might lead to an error in future versionsDie kommt zustande weil der Adapter bei dir bereits installiert war, nachdem die zusätzlichen Datenpunkte dazukamen.
Diese werden in einer Datei io-package.json definiert.
Diese wird vom iobroker wohl nur einmalig bei der Instanzerstellung prozessiert.
Bei späteren Updates nicht mehr. Leider auch nicht für dazukommende Objekte.Die Lösung wäre nun die Instanz von vis-mapwidgets zu löschen und dann auf der Adapterseite eine neue Instanz zu erzeugen.
Die aktuell angelegten Daten gehen nicht verloren, da sie zusätzlich noch im jeweiligen browser gespeichert sind. Allerdings wird es auch nicht automatisch in den Datenpunkt zurück gespeichert, was auch Sinn macht, da die Datenpunkte der master für die Daten sind.
Nachdem du die Instanz neu angelegt hast, musst du im widget das Favoritenicon anklicken, dann auf den Knopf "remove known place" und dann den Ort erneut anklicken und ein entsprechendes Label erfassen.
Dann werden die Informationen auch wieder zurück gespeichert und stehen dann auch auf anderen Geräten wieder zur Verfügung.ich muss schauen ob in Zukunft die synchonisation über mehrere Geräte hinweg noch probleme macht. Dann werde ich wohl um einen echten adapter backend code nicht herumkommen, was ich vermeiden wollte, aber wäre auch nicht so schlimm.
Auch muss ich mal testen, was passiert, wenn jemand für die gleiche/ähnliche Koordinate auf verschiedenen Geräten unterschiedliche Labels erfasst.
bspw du im einen browser "Heim" und auf einem anderen Gerät jemand dann "Home" oder "zu Hause" -
Danke für deine Arbeit, hab ich umgesetzt und sieht bis jetzt gut aus.
Eine Frage hab ich noch, kannst du auch einbauen, das man bei der Leaflet Karte die 'dunkle Karte' wählen kann?
Bei Farbschema 'dark' macht er ja nur den Widget Hintergrund dunkel. -
Danke für deine Arbeit, hab ich umgesetzt und sieht bis jetzt gut aus.
Eine Frage hab ich noch, kannst du auch einbauen, das man bei der Leaflet Karte die 'dunkle Karte' wählen kann?
Bei Farbschema 'dark' macht er ja nur den Widget Hintergrund dunkel.Hast du mir ein beispiellink dazu?
Openstreetmaps bietet nur eine
Verkehrskarte
Im Dunklen Design an oder ich habe es nicht gefunden.
Ggfs gibt es Drittanbieter die Alternative tiles layer anbieten.
Die können ggfs. kostenpflichtig sein.https://www.openstreetmap.org/#map=11/50.1232/8.6401&layers=T
-
Das was ich gefunden habe ist Quasi ein CSS-Hack für Openstreetmap:
/* Nur die Hintergrund-Kacheln filtern */ .leaflet-tile-pane { filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3); } /* Marker & Popups bleiben in ihren Originalfarben */ .leaflet-marker-pane, .leaflet-popup-pane { filter: none; } -
Das was ich gefunden habe ist Quasi ein CSS-Hack für Openstreetmap:
/* Nur die Hintergrund-Kacheln filtern */ .leaflet-tile-pane { filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3); } /* Marker & Popups bleiben in ihren Originalfarben */ .leaflet-marker-pane, .leaflet-popup-pane { filter: none; } -
-
Dachte ich auch weil z.B. in Home Assistant sind die Karten irgendwie alle in diesem dunklen Design, keine Ahnung wie die das machen

Ich glaube, die machen das mit CartoDB, weil unten hinter dem Leaflet Openstreetmap noch Carto steht.
-
Ich hab mal meine Freundin 'Gemini' befragt, hier die Antwort:
Ein sehr bekannter, kostenlos nutzbarer Anbieter für Open-Source-Projekte ist CartoDB (Dark Matter). Die entsprechende Tile-URL lautet:
https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.pngund
Solltest du beispielsweise eine JavaScript-Karte mit Leaflet.js nutzen, bindest du den Layer wie folgt ein:
L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors © <a href="https://carto.com/attributions">CARTO</a>', subdomains: 'abcd', maxZoom: 20 }).addTo(map);Edit: In Home Assistant geht das wohl automatisch über das Theme, siehe:
Standardmäßig schaltet Home Assistant die Karte automatisch dunkel, sobald das System-Theme auf Dark Mode steht.
Aber wie gesagt wenn es zu Aufwendig wird, dann gehts auch so, passt halt nur besser wenn alles andere auch dunkel ist.
-
Ich hab mal meine Freundin 'Gemini' befragt, hier die Antwort:
Ein sehr bekannter, kostenlos nutzbarer Anbieter für Open-Source-Projekte ist CartoDB (Dark Matter). Die entsprechende Tile-URL lautet:
https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.pngund
Solltest du beispielsweise eine JavaScript-Karte mit Leaflet.js nutzen, bindest du den Layer wie folgt ein:
L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors © <a href="https://carto.com/attributions">CARTO</a>', subdomains: 'abcd', maxZoom: 20 }).addTo(map);Edit: In Home Assistant geht das wohl automatisch über das Theme, siehe:
Standardmäßig schaltet Home Assistant die Karte automatisch dunkel, sobald das System-Theme auf Dark Mode steht.
Aber wie gesagt wenn es zu Aufwendig wird, dann gehts auch so, passt halt nur besser wenn alles andere auch dunkel ist.
Ich habe es selber gefunden
https://www.home-assistant.io/dashboards/map/
Es geht nicht darum so etwas einzubauen. Das ist relativ einfach.
Wie oben schon erwähnt ist carto kein kostenloser Dienst.
Ich wollte schauen ob Home Assistant da eine separate Vereinbarung hat und ich hatte recht.
https://github.com/home-assistant/home-assistant.io/blob/9a1059ea95178bb8d03e3523137ec9ee9a7aedf5/source/_posts/2016-07-16-sqlalchemy-knx-join-simplisafe.markdown?plain=1#L15Ein Nutzer erhält keine Abmahnung nur der der die Software bereitstellt. Mit dritt Ressourcen muss man immer ein wenig vorsichtig sein.
Das ist das selbe wie Musik. Man kann die zwar ohne Probleme öffentlich abspielen, die Folgen können aber überraschend seinHier ist eine Übersicht der tile layer provider
https://wiki.openstreetmap.org/wiki/Raster_tile_providers
Da steht bei carto überall commercial, registration required.Dann bliebe nur noch die css alternative
-
Ich hab mal meine Freundin 'Gemini' befragt, hier die Antwort:
Ein sehr bekannter, kostenlos nutzbarer Anbieter für Open-Source-Projekte ist CartoDB (Dark Matter). Die entsprechende Tile-URL lautet:
https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.pngund
Solltest du beispielsweise eine JavaScript-Karte mit Leaflet.js nutzen, bindest du den Layer wie folgt ein:
L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors © <a href="https://carto.com/attributions">CARTO</a>', subdomains: 'abcd', maxZoom: 20 }).addTo(map);Edit: In Home Assistant geht das wohl automatisch über das Theme, siehe:
Standardmäßig schaltet Home Assistant die Karte automatisch dunkel, sobald das System-Theme auf Dark Mode steht.
Aber wie gesagt wenn es zu Aufwendig wird, dann gehts auch so, passt halt nur besser wenn alles andere auch dunkel ist.
so die lösung habe ich gefunden.
home assistant macht das auch per css#map.forced-dark { color: #ffffff; --map-filter: invert(0.9) hue-rotate(170deg) brightness(1.5) contrast(1.2) saturate(0.3); } #map.forced-light { background: #ffffff; color: #000000; --map-filter: invert(0); } .leaflet-tile-pane { filter: var(--map-filter); } -
Neue Version 0.3.0
- die beiden widgets map und location timeline können nun das Theme schema für die Karte einstellen. Verfügbar: Auto (was im browser oder Betriebssystem eingestellt ist, light, dark
- Die Einstellung ist beim location timeline unabhängig von der theme Einstellung des widgets. daher alle Kombinationen sind möglich
- da kostenlos keine an ein dunkles Farbschema angepasste Karte verfügbar ist, wird die Farbanpassung per css-filter transformation vorgenommen. Das kann, insbesondere bei schwächeren Maschinen ohne separaten Grafikchip, zu einer höheren Auslastung führen.
- Alle vom Nutzer hinzugefügten Marker, Pfade, Polygone, etc. sind von der Farbtransformation nicht betroffen

-
Der Adapter wurde ins LATEST Repository aufgenommen und sollte dort spätestens innerhalb von 24 Stunden sichtbar sein.
Ich rege an in Abstimmung mit @Homoran ein neues Topic im Testerbereich anzulegen und dieses Topic hier schließen zu lassen. Zur besseren Übersicht bitte nach Möglichkeit einen Titel der Art
„Test Adapter adaptername Vx.x.x“,
verwenden. Ein solcher Titel erleichtert es, den Thread über die Suchfunktion des Forums zu finden und das Topic dem richtigen Adapter zuzuordnen.
Hinweis: Falls bereits ein Test-Thread existiert, kann dieser gerne weiterverwendet werden, eine allfällieg Anpassung des Titels bitte überlegen.
Bitte bei Fragen an @homoran wenden.
-
Der Adapter wurde ins LATEST Repository aufgenommen und sollte dort spätestens innerhalb von 24 Stunden sichtbar sein.
Ich rege an in Abstimmung mit @Homoran ein neues Topic im Testerbereich anzulegen und dieses Topic hier schließen zu lassen. Zur besseren Übersicht bitte nach Möglichkeit einen Titel der Art
„Test Adapter adaptername Vx.x.x“,
verwenden. Ein solcher Titel erleichtert es, den Thread über die Suchfunktion des Forums zu finden und das Topic dem richtigen Adapter zuzuordnen.
Hinweis: Falls bereits ein Test-Thread existiert, kann dieser gerne weiterverwendet werden, eine allfällieg Anpassung des Titels bitte überlegen.
Bitte bei Fragen an @homoran wenden.
@mcm1957
Danke@homoran
Können wir durch das verschieben die Nummer?
82214/test-iobroker-vis-mapwidgets?
Das steht so als supporting aktuell im Widget drin.
Wenn ja, dann bitte noch so stehen lassen.
Muss mir dann erst noch einen link kürzungs und weiterleitungsdienst suchen und im Widget aktualisieren. -
Neue Version
- der Supportlink im widget wurde auf einen Kurzlink Service umgestellt, so das ich unabhängig von einem Release den Link ändern kann.
Aktuell zeigt dieser auf forum.iobroker.net/topic/82214/test-iobroker-vis-mapwidgets
wenn sich durch das verschieben des threads der Link ändert, kann ich den einfach anpassen.
@homoran Bitte nach
https://forum.iobroker.net/category/91/tester
verschieben.
Auf eine Angabe der Version im Titel verzichte ich, da ich hier ja kontinuierlich über die Anpassungen des Adapters und neue Versionen berichte. - der Supportlink im widget wurde auf einen Kurzlink Service umgestellt, so das ich unabhängig von einem Release den Link ändern kann.
-
H Homoran verschob dieses Thema von ...nicht in offiziellem Repo am
-
Ich bekam heute ein Update auf die v0.3.2 angezeigt, beim Versuch zu aktualisieren, kam jedoch das folgende Fenster:

Ich weiß ja nich ob das so gedacht war?
-
Neue Version 0.3.3
- die vis1 abhängigkeit wurde entfernt
@icebear doch nicht geschlampt, das war von Anfang an drin. Ist mir in der dev-Umgebung und dem testserver nur nie aufgefallen, da dort ja vis1 und vis2 installiert ist.
Das ist wahrscheinlich eines der Dinge woran sich die Installation per Expertenmodus/NPM zur normalen Installation unterscheidet.
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden
