Wo hapert es denn? Du hast ja Code bekommen. Was genau ist da unklar?
Bevor wir nicht wissen wo es hapert kann man kaum bis gar nicht helfen.

Was sehen wir auf dem 2. Bild? Was hat das mit dem Problem zu tun? Was hast Du bisher geschafft und welches Feature hast Du noch nicht geschafft? Oder anders: Liste mal bitte Deine Schritte auf, die Du glaubst erreichen zu müssen, um das Problem zu lösen.

Bitte überarbeite Deinen letzten Post.
Ich blicke überhaupt nicht, was Du sagen willst.
Da Du wohl kein Fan von Punkt und Komma bist, schreibe bitte einen Satz pro Zeile.
Schreibe sie so einfach wie möglich.
Verwende keine langen Sätze.
Probiere es mit maximal 8 Wörtern pro Satz.
Benutze keine Erklärungen mit Fremdwörtern, wenn Du nicht absolut bei deren Bedeutung sicher bist. Beispiel: Lineshare Control

Ich brauche das, was Du in Post#4 sagen wolltest (und zwar in der Form, wie ich es in Post#5 beschrieben habe) und Antworten auf das, was ich in Post#3 gefragt habe.

btw: Damit es nicht heißt, dass das Problem nicht lösbar ist, hier der Gegenbeweis als Video, nicht als Code.

##########

Und nochmal ein Video, schnell zusammengeschustert.

Diesen Post von Dir verlink ich mir. Das ist ein Text, den man endlich mal problemlos versteht. Respekt. Du kannst es also, wenn Du willst. Das merke ich mir. Für Dich zum Positiven. Bitte weiter so (auch falls es Kraft kostet)

Zurück zum Kontext:
Du hast nun geschrieben, was Du machen willst. Das Problem: Wir wissen noch nicht, was Du hast. Und Du arbeitest nun nicht mehr mit Bildern (siehe meine beiden Videos), sondern nun mit Shapes. Das geht dann fast in Richtung Vektorgrafik, da Du nun keine Bilder mehr im Gesamten zoomst/skalierst, sondern nun Größen einzelner Shapes/Formen/Grafikteile beeinflussen musst. Wenn das Dein Ziel ist, bringt Dir meine Zoomfunktion nichts, weil Du nun mit anderen Grundlagen arbeitest. Daher wäre das erste Ziel, Shapes zu verändern. Versuche als ersten Schritt ein OvalShape in einer bestimmten Größe per Code zu zeichnen und dann erstmal durch einen ButtonClick ein etwas größeres mit derselben Form zu zeichnen. Also: Wenn Du einen Kreis machst, mach daraus per Code einen größeren Kreis. Dann poste den Code. Denn dann kann man darauf aufbauen.

##########

Die Schritte im Weiteren, damit Du weißt, wohin die Reise geht, quasi die sog. Roadmap für das Projekt (ob das jetzt Stunden, Tage oder Wochen dauert, liegt an Dir):

• per Button-Click mit einem OvalShape einen größeren Kreis zeichnen
  
• den Code so ändern, dass bei jedem weiteren Button-Click dieses OvalShape weiter vergrößert wird
  
• den Code erweitern, dass beim Klick eines anderen Buttons dieses OvalShape wieder etwas verkleinert wird
  
• den kleiner-/größer-machen-Code von den Buttons zum Mausrad hin verschieben, sodass diese Codes eben per Mausraddrehen ausgeführt werden
  
• weitere Shapes hinzufügen
  
• Positionsverschiebung mit einbauen, da das gleichmäßige Vergrößern aller Shapes nicht nach einem Kartenzoom aussieht
  
• abhängig von der Mausposition den Zoom machen, damit man nicht nur im Zentrum des Bildes zoomen kann
  
• alle Shapes per Mausziehen gleichzeitig verschieben, damit man das Gefühl bekommt, eine Karte zu verschieben
  
• Ein- und Ausblenden von Details, wenn ein bestimmter Zoom erreicht wurde
  

Das wäre eine Möglichkeit und die ist von VaporiZed auch sehr gut und detailliert geschrieben - und langfristig die wohl beste aller Lösungen - Sie hat aber auch einen Haken: Der Aufwand das umzusetzen ist deutlich größer als mit anderen "Mitteln". Ich weiß jetzt auch nicht, wie gut du bereits in der Materie drin steckst und ob du das so hinbekommst. Deshalb hier eine Zwischenlösung, die zwar nicht an das rankommt, aber zumindest einen Mittelweg bieten kann, der eventuell sogar als Übergangslösung dienlich sein könnte, bis man die Vektoren fertig hätte:

1. Zeichne deine Shapes fertig in der größten Auflösung.
2. Füge sie alle zusammen als Bild, sodass eine Karte für die größte Auflösung entsteht (mit entsprechender Größe).
3. Diese Bild fügst du in ein Control (zB PictureBox) ein, sodass es zoombar ist.
4. Du baust ein weiteres Bild, welches die nächste Auflösung zeigt (Umrisse der Häuser weg, nur noch Straßen)
5. Du fügst auch dieses Bild wieder ein.
6. Du machst das nächste Bild (nur noch Hauptstraßen, etc.) solange bist du alle gewünschten Auflösungen hast.
7. Du baust einen Zoomfaktor mittels Variable ein.
8. Bei jedem Zoom-Event wird deine Zoomvariable verändert. Sobald sie einen von dir festgelegten Wert übersteigt, tauscht du das eine Bild mit dem nächsten aus. Das neue Bild wird dann in der Größe des anderen angezeigt und kann weiter gezoomt werden, bis es wieder einen Wert übersteigt und es wird zum nächsten Bild gewechselt.

Achtung: Das ist jetzt keine perfekte Lösung, vor allem, weil sie nicht nahtlos ineinander übergehen wird. Aber auch viele Anbieter wie GoogleMaps arbeiten mit solchen Technologien. Der Vorteil liegt ganz klar auf der Hand, du musst dir nur Gedanken über den Zoom machen, der Rest passiert mit vordefinierten Bildern. Diese Technik ist leichter zu erlernen als Vektoren zu zeichnen oder später sogar mathematisch zu transformieren (damit Verhältnis, Relationen, etc. gewahrt bleiben).Es gibt aber auch einen entscheidenden Nachteil dieser Vorgehensweise:

-Da die Karten als fertige Bilder zusammenstehen, müssen sie erstellt werden (ggf. kann man auch ein Bild aus mehreren Einzelbildern zusammenfügen, was später deutlich erfreuliche Auswirkungen auf Änderungen haben könnte)
-Du musst alle Auflösungen anlegen und sie fertig einbinden.
-Bei Änderungen musst du die komplette(n) Karte(n) (oder -Teile) neu anfassen
-Der Arbeitsaufwand diese Karten zur Verfügung zu stellen kann mitunter sehr arbeits- und zeitintensiv sein.

Wahrscheinlich gibt es noch weitere Vor- und Nachteile, nur musst du diese dann abwägen, ob es überwiegt oder nicht. So als Spontanidee könnte aber zumindest der Programmieraufwand relativ viel leichter sein als Vektoren auszuarbeiten (unter der Prämisse, dass man sich damit vielleicht noch nicht so gut auskennt).

Der Laie schrieb:

wie fang ich an ?

Steht in Post#9

Der Laie schrieb:

hast du eigentlich auch ein Messenger mit wir mal reden können

Geht das schon wieder los. Nein, habichnicht, willichnicht. Ich arbeite hier kostenlos (und manchmal auch umsonst) öffentlich im Forum mit. Das muss reichen. Für alles andere ist mir meine Freizeit zu wichtig.
@PadreSperanza: Da das aber - soweit ich verstanden habe - auch mit beweglichen Punkten/Formen sein soll, wird das nix bringen. Sonst wär ich eben noch auf die Idee gekommen, dass alles wirklich mit Vektorgrafik zu machen und dann quasi nur noch das Vektorbild zu zoomen. Ok, das Ein- und Ausblenden von Details wär dann zwar ein offener/ungelöster Punkt, aber sei's drum.

VaporiZed schrieb:

Da das aber - soweit ich verstanden habe - auch mit beweglichen Punkten/Formen sein soll, wird das nix bringen

Na ja, man könnte aber aich die Bilddateien als Koordinatensystem nutzen und dann dynamisch auch Elemente drauf pinseln, wenn es zB. auf einem Canvas gepinselt wird. Hier könnte man die Details auch ein und ausblenden.

Ich sag ja, das meine Lösung nicht an das rankommt, was hier vielleicht gewünscht ist, aber es hätte zumindest einen etwas einfacheren Ansatz gehabt

C# -- Winforms Framwork 4.8 (kompletter Code; Designer 1x picturebox; im .exe Verzeichnis die zwei Bilddateien; picturebox Eigenschaften 'SizeMode' auf 'StretchImage' )


Absoluter Quick-Hack ohne Gewähr ... ( Maßstab, Zentrierung etc.)

Als Vorschau klick das .gif im Anhang

Ich halte es für falsch, alles in Bildern zu speichern. Ich würde eine kleine DB anlegen, mit allem was auf der Karte sein soll und dessen Koordinaten, sowie auch, ab welchen Zoom-Faktor, diese sichtbar sein sollen. Beim bewegen der Karte immer im Hintergrund alles im Umfeld der aktuellen Position aus der DB holen und live rendern, so kann man einfacher den Stadtplan bearbeiten, wenns mal nötig ist, als wie wenn man in Bildern rummalen muss. Straßen und Wege täte ich als Pfade(Koordinaten für GraphicsPath) speichern.

Zum, editieren der Karte, könnte man auch einen visuellen Designer anlegen, mit dem man das zurechtklicksen kann, der dann alles in die DB einträgt. Ähnlich wie der Designer im Visual Studio, nur anstatt Controls werden Pfade und andere Objekte und deren Eigenschaften bearbeitet. Gleise(auch Straßen, Wege) könnte man z.B. wie in einer Modelbahn-CAD-Software verlegen, mit einrastfunktion an den Enden usw. So haben die Kurven dann auch immer die richtige Biegung und das ohne das man sich viel Mühe geben muss.

Dann könnte man auch, wenn man nun viel Fantasy hat nun vorstellen, das auf meine Art die rein visuellen Element auf der Karte anklickbar sind(ein Fenster zum bearbeiten von Eigenschaften geht auf), hat ein Model(Haus) beleuchtung, könnte man diese über COM-Port auch schalten(falls du noch mit Arduinos hantierst).

Hi

Das Wort "Vektorgrafik" ist ja nun mehrfach gefallen. Was spricht denn gegen eine EMF, WMF oder eine SVG? Letztere hat den Vorteil das man nur im SVG-Tag "svg" die Attribute x, y, width, height und viewBox ändern muss um einen Zoom oder Verschieben zu erreichen ohne alle Objekte (Straßen, Gebäude usw) anfassen zu müssen. Es wäre auch machbar mehrere SVGs (Layer), in Abhängigkeit vom Zoom, übereinander zu zeichnen/ein- oder auszublenden.

@Der Laie Ich verstehe ja das Du super gerne deine Ideen und Wünsche umsetzten möchtest. Es wurden jetzt ja auch viele Lösungswege aufgezeigt. Aber umsetzen musst Du sie selber .

Ich denke jetzt wo etwas klarer ist, was Du machen möchtest, wäre der beste Ansatz der von @-Franky- mit der .svg Datei.

Das musst Du dir aber eben erarbeiten. Investiere die Zeit lieber ins 'besser' werden, anstatt immer nach noch mehr Hilfe zu fragen. Falls Du den Code aus meinem Post nicht 'verstehst' (die zwei privaten Konversationsanfragen zeigen das ja), dann ist das ganze Vorhaben vielleicht zu groß für deinen Kenntnisstand. Konzentriere dich darauf in Vb.net besser zu werden, damit Du dir selber helfen kannst. Ich meine das auf eine nette Art .

Lg Nogood