Heute Habetr ich mich ein klein wenig dumm angestellt... äh.. räusper...

Es geht immer noch darum: Ein Test

Problematisch dort, den Standort, bzw. die der zuvor daraus ermittelten Koordinaten auf einer Karte anzuzeigen. Es ist ja auch nur Test und soll mal "schnell" mit heißer Nadel gestrickt werden...

Eine Deutschlandkarte unter der CC BY-SA 3.0 von einem Urheber C. Busch ( Hamburg )  war recht schnell gefunden. So sollte es doch kein Hexenwerk sein einen Standort dort anzuzeigen...

Im Original hat die Grafik eine schöne Größe von 750x1000 px.

Mein erster Gedanke: Nehme ich einen Div-Container und ersetze  - zumindest in dem Entwurf - die Positionen in einem php-script.

#d {position: relative;width:375px;height:500px; background-image: url('/img/karte.png') ;border:1px solid}

..und benutze eine um eine in den Dimensionen auf 1/2  verkleinert Bilddatei als Hintergrund. Darauf - mit kleinem offset - eine Standortanzeige:

#x {position:absolute;top:<?php echo $yp;?>px ;left:<?php echo $xp;?>px ;
    width:10px;height:10px; border-radius:50%;background-color: rgba(0,0,0,0.4) ;border:4px solid #f00;} 
 

1.) Problem: Bei dem DIV #d beginnt die relative  Positionierung des child #x  bei (0:0) also irgendwo in der linken oberen Ecke, bzw. der  Nordsee.. grob geschätzt irgendwo bei  lat: 55.13314, lon: 4.94311 ... aber das ist nur grob geschätzt....

Das ist der unsichere Ursprung unseres kartesischen Koordinatensystems - in der linken oberen Ecke der Karte.

2.) Problem : Zuverlässig ergibt sich aus der Entfernungsberechnung zweier Koordinaten (z.B. Dortmund -Berlin) eine Entfernung - Allerdings gibt es schon ein Problem mit der Peilung. Die korrekte Peilung auf einer angenäherten Kugel entspricht eben nicht den Verhältnissen einer Karte. 

Im Nahbereich fällt das kaum in's Gewicht - bei einer Peilung "irgendwo in der Nordsee" zu Berlin oder München, dann doch aber schon deutlich...

Natürlich wäre es hier auch technisch kein Problem exaktere Ergebnisse zu erzielen (Kartenmaterial, geeignete Fixpunkte usw.) . Für reine Demonstrationszwecke ist es mir hier aber die Arbeit und (Lizenz/Nutzungs-) Gebühren nicht wert (Natürlich stellt google-Jeden Punkt ohne großes hin und her , sozusagen auf Knopfdruck  da).

Ich denke ich habe hier genug Zeit... äh... aufgewendet.