Geofency auf Karte in Vis darstellen

[Damrak2022]

@mickym Okay, das klappt schonmal, super

[mickym]

@damrak2022 So der nächste Schritt - ist wenn das klappt, dass Du die Karte in VIS einbindest. Dafür nimmst Du am besten ein iFrame- Widget

Dort gibst Du dann die gleiche URL ein, die Du gerade im Browser angegeben hast.

Im VIS schaut es dann endgültig so aus:

musst Du halt dann entsprechend in eine Seite einbinden.

[Damrak2022]

@mickym Hat auch geklappt

[mickym]

@damrak2022 So wie gesagt, um die Möglichkeiten vollständig kennen zu lernen musst halt viel lesen.

Du kannst Dir einige Beispiele importieren - die sind schon an Board in Deiner Bibliothek.

Wir machen mal ein Auto an einem Punkt.

[Damrak2022]

@mickym Ja, danke, Du hast mir genug geholfen. Ich werde mich in den nächsten Tagen mal damit beschäftigen, wie ich meine überwachten Orte aus der Geofency App mittels Latitude und Longitude in die Karte einbinde, und auch eine Tabelle, welche mir anzeigt an welchen Tagen ich wie lange an einem Ort war.

Vielen Dank

[mickym]

@damrak2022 Na etwas können wir schon noch machen - dauert nicht lange.

[Damrak2022]

@mickym Jetzt, wenn Du magst gerne. Aber wir können auch an einem anderen Tag weitermachen.

Vielleicht ein Beispiel für das Einbinden der Geodaten und 1 Bsp für die Tabelle, wenn möglich

[mickym]

@damrak2022 Na Tabelle weniger - das funktioniert anders - da musst Du erst mal sagen, was Du genau machen willst.

Wir holen mal einen Datenpunkt aus dem iobroker und stellen es als Auto auf der Karte dar, OK?

[Damrak2022]

@mickym Okay

[mickym]

@damrak2022 Als erstes ziehst Du eine Change Node auf Deinen Flow und verbindest diese mit der worldmap Node.

[Damrak2022]

@mickym

Ich glaube ich habe hier noch einen alten Flow vom Testen drin der hier nicht hingehört

[mickym]

@damrak2022 In diese ChangeNode gibst Du nun ein Objekt - die geschweiften Klammern links - ein:

dort klickst Du mal auf die 3 Punkte und gibst im JSON Tab und kopierst:

{
    "name": "Andy",
    "lat": 52.3,
    "lon": 9.8,
    "color": "orange",
    "weight": 10,
    "icon": "car",
    "iconColor": "red",
    "extrainfo": "Hallo Andy"
}

da rein.

For die ChangeNode setzt Du noch eine Inject Node.

[Damrak2022]

@mickym Erledigt, da dann auch auf "Fertig" klicken? }

[mickym]

@damrak2022 Ja und dann eine Inject vorne dran setzen.

[Damrak2022]

@mickym

[mickym]

@damrak2022 ja und die InjectNode mit der Change Node verbinden.

In der ChangeNode kannst Du nun auch noch mal am besten im visuellen Editor - die geokordinaten so eintragen, wo Dein Auto stehen soll .

[Damrak2022]

@mickym Nee das passt so, Inject Node ist verbunden.

[mickym]

@damrak2022 Wenn Du dann auf die Inject Node drückst, sollte nun schon mal ein rotes Auto an der Position auftauchen - mit den eingegebenen Geocoordinaten. Hat das funktioniert?

[Damrak2022]

@mickym Habe ich gemacht, auch browser aktualisiert und das Auto müsste hier auftauchen

[mickym]

@damrak2022 hast Du auf die Inject Node gedrückt: