Frage Landkarte-Webseite

[Pitt]

Hallo,
ich möchte auf einer Webseite eine Landkarte erstellen auf der verschiedene
Städte mit einem z.B. dicken Punkt o. ä. gekennzeichnet werden. Clickt man diesen Punkt für die jeweilige Stadt an, so soll eine Unterseite mit einer Berichterstattung aufgehen. Hat jemand eine Idee oder ein Beispiel wie ich so etwas realisieren kann ?
Gruß

[Broken Sword]

Hi,
da würde ich dir zu Google Maps raten. Die haben eine API-Schnittstelle, mit der du all das realisieren kannst.
Gutes Tutorial für die API: Google Maps API Tutorial bzw. The Google Maps Javascript API V3 - Basics - Google Maps JavaScript API V3 - Google Code

Ist das nichts für dich, bleibt dir nichts anderes, als dir die Nutzung einer Landkarte bei Falk (Mache nicht den Fehler und benutze ohne Erlaubnis Karten im Internet - das wird konsequent verfolgt [Eigene Erfahrung]) oder anderem Kartenanbieter zu kaufen und dann per Image-Map oder überlaufende HTML-Elemente es auf die herkömmliche Weise zu probieren.

Gruß
Broken Sword

[Pitt]

Hi,
ich hatte mir es so vorgestellt, dass ich von einem zentralen Ort verschiedene Ziele anvisieren kann. Das geht mit Google Maps aber nicht.

[Broken Sword]

Wie meinst du das mit "anvisieren"?
Google Maps API Tutorial < sowas?

[Pitt]

Na, ich habe einen zentralen Ausgangspunkt von dem ich verschiedene Ziele wie z,B. Städte besuche.

[Broken Sword]

"Besuchen" was meinst du nun wieder damit? Was soll wann passieren?

Ich hoffe du meinst nicht sowas, denn sonst hast du meine Links nicht gelesen
Google Maps
Google Maps

Gruß
Broken Sword

[Pitt]

Also Klartext,
Ich möchte auf einer Webseite eine Landkarte erstellen wo Abreiseort und die jeweiligen Zielorte in ancklickbarer Form dargestellt werden. Beim anclicken der jeweiligen Zielorte werden Unterseiten geöffnet auf denen man Bilder und Texte usw. lesen kann.
Gruß

[Shadowww]

Du willst also ein Bild (Landkarte) auf deiner Seite haben, und darauf sollen sich klickbare Stellen (Orte) befinden?
Dann brauchst du nur die betreffenden Stellen mit area shape zu verlinken.

<area shape="circle" coords="x,y,d" href="zielseite.htm" target=_blank>

Für X und Y musst du den entsprechenden Wert einsetzen, wo der Punkt liegen soll (in Pixeln von oben und links), D ist der Durchmesser des klickbaren Bereiches.


Ich hoffe mal ich hab dich richtig verstanden.

[Broken Sword]

Hmmm... aber das ist doch der erste Part von den Basics: Google Maps API Tutorial
Dort wird alles erklärt, wie du Marker mit HTML-Beschreibung erstellst.

Gruß
Broken Sword

[Pitt]

@shadoww:
Danke, werde mal ein bischen spielen...........

@Broken Sword
Na, das werde ich mir noch einmal genauer ansehen müssen.
Danke

[Shadowww]

Zitat von Broken Sword

Hmmm... aber das ist doch der erste Part von den Basics: Google Maps API Tutorial...

Ja, irgendwie schon. Ich hatte mir deine Links nicht alle durchgeklickt, war aber davon ausgegangen, der TS hätte das getan.
Aber irgendwie habt ihr so schön aneinander vorbeigeredet, dass ich meinen Senf auch noch gern dazuposten wollte.

Per Google-Maps-Marker siehts natürlich schon schöner aus als mittels einer selbstbemalten Karte.

[Guardian]

vielleicht hilft ja auch dieses Tutorial über Google Maps in deutsch ...
Google Maps Tutorial - progtw-blog

speziell dieser Punkt:
twGmap-Google-Maps-Tutorial-03-Directions

In den Infofenstern lassen sich auch Links plazieren, die mit einem geeigneten CMS z.B.
Welcome To gpEasy - gp|Easy CMS "automatisch" Unterseiten (für die Beschreibung, Bilder, etc.) für angemeldete User erstellen. <- frontend editing ist genial