Hallo

Ich trage gerade eine Idee mit mir herum, weiss aber nicht ob, und wie diese umzusetzen ist. Würde gern mal eure Meinung dazu hören.

Konstruktion: ein DIV in welches die GM geladen wird.
Darunter eine Liste mit mehreren Links. Diese Links rufen jeweils ein anderes "Ziel" auf. Dieses soll dann im drüberliegenden DIV angezeigt werden.

Beispiel: beim laden der Seite wird im DIV eine Weltkarte gezeigt. Klickt man nun auf einen Link "Argentinien" --> zoomt die Karte z.B. auf den Mittelpunkt von Argentinien. Klickt man einen anderen Link --> wechselt die Region.

Hat jemand sowas schon gemacht oder im Web etwas dazu gelesen?
Die üblichen Tuts und Plugins beziehen sich nur auf eine Map.

Ist das eventuell auch zuviel des Guten (Ladezeit durch zuviel js)?

Gruß Manfred

GM wird in einen iframe eingebunden, Du brauchst per JS nur das Attribut "src"
neu setzen, es müßte dann geladen werden. Erstelle die Maps und binde die
entsprechenden URIs einfach ein.

__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator

Was? Nein, eine google Map wird ganz normal in einem DIV auf deiner Seite angezeigt.

Wie das alles geht wird auf diesen Seiten erklärt: Google Maps-API - Google Code

Red keinen Stuß, natürlich kann man das in einen iframe einbinden.

__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator

jau, geht sogar ziemlich easy mit'm EiFreym.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Blog oder watt?!

Wir sprechen von zwei verschiedenen Dingen. Das einbinden ist das eine. Es geht aber um das Nutzen der google Maps API und das läuft eben nicht über ein iframe, das ginge auch überhaupt nicht. Und, wenn du dir die Frage nochmal durchliest, merkst du es geht nicht um das einbinden einer Map, sondern der OP möchte da was spezielles machen.

Genau. Eine simple Map (egal ob mit api/js oder per iframe) ist kein Problem.

Es soll in einem div verschiedene Locations angezeigt werden, welche durch klick auf Links ausgelöst werden.

Gedanke:
- ich überschreibe die Angaben?
- ich verschiebe/zoome die Karte an eine andere Location?
Ausgelöst jeweils durch einen Link.

Geht sowas?

Gruß Manfred

Ja, aber nur mit der google Map API. Es sei denn du willst die "Links" nicht mit JS aktivieren, dann kannst du natürlich auch ein iframe nehmen und da drin die Maps laden.

Hmm, und wie? Habe schon eine einzelne Map mit API eingebunden. Aber wie bekommt man den Wechsel zwischen x Locations hin?

EDIT: grad gefunden --> mit map-animate müsste es eventuell gehen??

Andere Idee: ohne js, nur mit CSS --> ich hinterlege in den Links wie hier einen Pfad zu einer statischen Karte. Diese bilde ich dann in dem div ab. So eine Art Slideshow mit Staticmaps.

Allerdings hat man dann keine Zoomeffekte usw.

Was meint ihr?

Gruß Manfred

Dein Vorhaben ist zu komplex, um das eben mal hier zusammen zu bauen. Aber die google map api ist genau für solche Sachen entwickelt worden, du musst dir nicht selber was zusammen basteln. Du kannst die Karte bewegen, zoomen, marker setzen, usw. usf.