Problem mit einer interaktiven karte

[ChrisB]

Hi,

ich dachte mir es muss doch auch gehen die icons irgendwie direkt positionieren zu können. die daten die zur erstellung der karte benötig werden sind vorhanden mit x-y koordinaten und es is leicht die koordinaten relativ zur einer linken oberen ecke zu berechnen.

entschuldigt bitte wenn es dafür eine einfache lösung gibt, aber wenn es sie gibt hat man sie unter zu vielen fachbegiffen versteckt.

Wenn du Elemente positionieren willst, dann ist Positionierung, wie es das Kapitel über die zuständigen CSS-Eigenschaften im Titel trägt, doch wohl kein abwegiger „Fachbegriff“.

2. wie kann ich 2 dieser icons mit einer linie verbinden (zwecks vereinfachung ) so das ich ein startort bestimme und wenn ich mit der maus über andere icons gehe beide icons durch eine linie verbunden werden bzw eine linie zwischen 2 icons um eine fahrt eines autos zwischen diesen punkten anzuzeigen. (es geht mir nur darum wie man die linie zeichnet, den rest krieg ich hin wie x-y koordinaten berechen, javascript ohne seitenneuladen etc.).

„Zeichnen“ geht mit HTML und CSS nicht.
Damit bist du weitestgehend auf gerade Linien beschränkt. (Auch wenn CSS Transforms inzwischen in aktuellen Browser wengistens ein Drehen dieser ermöglichen.)

Wenn wirklich „frei“ gezeichnet werden soll, wäre das Canvas-Element eine Möglichkeit.

das ganze ist für ein sehr kleines minicar unternehmen das so im moment die kosten einer fahrtstrecke bestimmt (ich habe einfach die karte unseres landkreises eingescannt

Dann ist das ganze hoffentlich nicht öffentlich im WWW verfügbar, denn wenn doch, schwebst du in Gefahr, vom Inhaber der Rechte an der von dir vermutlich recht gedankenlos eingescannten Karte abgemahnt zu werden.

MfG ChrisB