Problem mit einer interaktiven karte

[Tamelon]

Hallo,

ich habe ein kleines projekt in dem ich auch eine karte realisieret habe. Im Grunde einfach ein fester Hintergrund mit einzelnen klickbaren icons.

im moment löse ich das indem ich eine tabelle erstelle, den hintergrund definiere mittels background="xxx.jpg" und dann in einem feinen raster(40x30 zellen) die icons mittels input type="image" und dann via onclick die entsprechenden funktionen auslöse.

damals als ich angefangen habe fand ich diese lösung "rafiniert" nun weiss ich das es großer mist ist der gewaltig rechenleistung verschwendet. (2 for schleifen im php script) und entsprechend träge ist.

darüber nachgedacht und gelesen hab ich ne menge aber mir fehlt irgendwie der beginn weil ich den einen baustein nicht finden kann.

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.

daher meine fragen:

1. wie kann ich icons innerhalb eines bereiches (also eines irgendwo auf der seite eingeblendeten (<div>?) fensters) relativ zur linken oberen ecke dieses fensters platzieren.
also etwas wie z.b. folgender fiktiver befehl: <img src="xxxx.png" class="icon" übergeordnetercontainer="karte" conainerx="45" containery="63"> und zwar theoretisch unendlich viele.

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.).

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 und die icons sind dutzende von ortsteilen die ich manuell erstellt habe so das man einfach start und ende anklickt und weis kostet 4eur80. die karte ist natürlich mittels ajax verschiebbar etc. es funktioniert auch an sich gut, aber gefällt mir halt einfach nicht :)