Landkarte mit Seitenverlinkung

MegaWork,

ja, für Landkarten und verwandten Darstellungen ist die durchaus geeignet und für einige Aufgaben gibt es kaum etwas Vergleichbares. Hatte irgendwem mal bei einem Streckenverlauf geholfen, das war denke ich auch mit Google-Maps und da könnte ich mir kaum etwas Vergleichbares vorstellen. Wobei man sich dann entscheiden müsste, ob geochart oder map besser für bestimmte Aufgaben geeignet ist.

https://developers.google.com/chart/interact…allery/geochart
https://developers.google.com/chart/interactive/docs/gallery/map

Auf einem Blick bei OpenStreetMap vorbeischauen, sollte dabei dann aber auch nicht fehlen:

http://www.openstreetmap.de/

Der durchschnittliche Nutzer, der nicht mitbekommt, dass sich in der .map nur HTML-Quelltext befindet und kein Image, wird mit einem fertigen Plugin sicherlich besser bedient sein.

Simone A.,

in der map befindet sich doch nur der von Gimp erstellte HTML-Quellcode-Schnipsel, den Du dann in der Textansicht in Deinem WordPress-Editor einfügen darfst. Dein Bild klaut Gimp dabei nicht und wandelt es auch nicht in ein anders Format um, das sollte noch vorhanden sein. Und wenn Du beim Einfügen noch die Kommentare von Gimp entfernst, fügt WP noch einige sinnlose Zeilenumbrüche weniger ein.

Du stellst Dich aber auch an, das kann doch wohl nicht so schwer zu verstehen sein. Gimp ist ein Bildbearbeitungsprogramm und *.map ist keine Endung von einer Bilddatei.
Du kannst ja auch keine Flasche Bier mit Gimp öffnen, nur weil Du einmal ein Foto von einer gemacht hast. Doch das Foto von der Flasche Bier kannst Du jeder Zeit erneut mit Gimp bearbeiten.

Du musst zuerst das Bild von Deiner Deutschlandkarte wieder öffnen, denn das ist es doch, was Du mit Gimp bearbeiten möchtest. Dann den Filter -> Web -> Imagemap wieder aufrufen und in dem Fenster zur Bearbeitung der Imagemap kannst Du dann eine bereits vorhandene und zum Bild gehörende Imagemap wieder öffnen, um diese weiter zu bearbeiten.

In der Ansicht Visuell vom WP-Editor kannst Du das nicht einfügen, nur in der Textansicht. Zum Einfügen mit Shortcode wäre zwar das Plugin so gut wie fertig, doch wie schreibt man da eine Readme, die dann auch diejenigen verstehen, die versuchen eine Flasche Bier oder eine Imagemap mit einem Bildbearbeitungsprogramm zu öffnen, ohne dabei über einen Getränke-Filter oder einen Imagemap-Filter zu gehen?

Sieht doch schon nach etwas aus.
Wie viel Verweise wolltest Du in die Karte einfügen?
Bisher hast Du ja erst einen und den noch nicht auf der Karte kenntlich gemacht. Bevor ich mir ewig das Drama anschaue, hätte ich Dir die Koordinaten schnell eingefügt, wenn es nicht zu viele sind. Doch dazu müssten die ja erst einmal auf der Karte ersichtlich sein.

Mit meiner Anleitung habe ich beste Hoffnungen heute noch fertig zu werden.

http://www.coder-welten.com/image-maps-erstellen/

korrigiere den Bildpfad, das dein Bild auch gefunden wird

<area href="\Users\Argubi\Pictures\Carlos.jpg"

steht derzeit da

Hallo Simone,

dann will ich mein Glück nochmal versuchen. Zumindest hast Du es ja schon geschafft, die Karte mit einem Link zu versehen. Jetzt geht es Dir offenbar darum, in die Karte einen Hinweis zu einem Standort einzufügen.

Leider weiß ich ja nicht, wie Du mit Gimp den Hinweis in der Karte erstellt hast, ich nehme aber mal an, dass Du Euren Zuchtstandort auf dieser Karte darstellen willst. Deswegen nehme ich einfach mal als Beispiel, dass Du ein Textfeld mit dem Hinweis "die Bordedeaux-Doggen" in Gimp auf die Karte gesetzt hast. Du könntest alternativ auch ein Bild einfügen und entsprechend verkleinern, oder Euer Logo, Wappen etc., was es da vielleicht gibt.

Wichtig ist dann, dass Du dieses so überarbeitete Bild unter einem neuen Namen erstmal speicherst, etwa als "Karte_mit_Hinweis".

Bei Gimp wird ein neues Bild nicht, wie bei anderen Programmen üblich, unter "Datei" --> "Speichern unter..." abgespeichert.
Du musst das neue Bild exportieren: "Datei" --> "exportieren". Dann kannst Du dieses neu entstandene Bild mit dem darin hinzugefügten Hinweis und neuem Dateinamen auf Deiner Festplatte abspeichern, entweder als .png oder als .jpg.

Anschliessend lädtst Du dieses neue Bild mit dem neuen Dateinnamen zu Wordpress in die Mediathek hoch. Dann öffnest Du die "Bearbeiten Funktion" des Bildes, gehst rechts auf Datei-URL und kopierst Dir diesen Pfad.

Anschliessend öffnest Du in Gimp wieder das neu erstellte Bild, also die Karte mit dem eingefügten Hinweis auf Euren Standort und erstellst wie schon beschrieben die imagemap und fügst den Code in den Textbereich der Seite ein.

Jetzt nur noch im HTML-Code von der imagemap "unbenannt" gegen die kopierte Datei-URL der geänderten und zu WP hochgeladenen Karte mit dem Hinweis austauschen.

Dann sollte die Karte dann auch mit dem Hinweis (Text, Bild, Logo oder was auch immer) auf der Seite erscheinen.

Nochmal: die geänderte Bilddatei muss zu WP hochgeladen, sie braucht aber nicht auf der Seite verlinkt werden. Es reicht, wenn Du die Datei-URL zu dem geänderten Bild in den Imagemap-Code einfügst. Denn nur so kann die geänderte Karte auch gefunden und angezeigt werden.

Zitat von Simone A.

Allerdings hab ich die Markierungen immer noch nicht sichtbar

Die bringst Du vor dem Erstellen einer Imagemap an, indem Du einen Pinsel nimmst und Tupfer machst oder ein anderes Werkzeug. Wenn die Karte dann fertig gemalt ist und Du die fertige Karte so abgespeichert hast, rundum zufrieden mit Deiner Leistung bist, dann öffnest Du die wieder und erstellst eine Imagemap und verlinkst dabei die bereits vorhandenen Tupfer. Zumindest habe ich das bisher so gehandhabt.

Hallo Simone,

ich habe Dir eine Private Nachricht geschickt, klicke mal oben rechts auf "Benachrichtigungen"...

Hallo Simone, aufgeben gilt nicht ;-)!

Du machst einen entscheidenden Denkfehler bei der Erstellung der Karte.

Du brauchst zwei Schritte, Schritt 1 ist das bearbeiten der Landkarte im Hauptfenster von gimp:

Du musst die Landkarte zuerst vorbereiten, bevor Du eine imagemap daraus machst. Dazu öffnest Du Gimp (am besten im Einzelfenster-Modus, dazu in der Menueleiste auf "Ansicht" klicken, im Untermenue dann "Einzelfenster-Modus" auswählen. Jetzt sollte sich in Gimp auf der rechten Seite der Werkzeugkasten befinden). Bitte im Hauptfenster von Gimp bleiben und nicht den Web-Filter öffnen!

Dann öffnest Du die Bilddatei mit der Landkarte und fügst zunächst alle Punkte ein, die Du später mit einem Link versehen willst.

Du kannst z.B. entweder einen Text in die Landkarte schreiben (Textwerkzeug, großes schwarzes A).

Mit dem Tintenwerkzeug (Das kleine Tintenfass) kannst Du z.B. farbige Punkte setzen.

Oder Du fügst in die Landkarte kleine Bilder (z.B. ein Logo, ein Wappen, ein Bild von einem Hund oder was Du eben sonst einfügen möchtest) ein.

Das geht am besten, wenn Du die Bilder gleich als neue Ebene hinzufügst (Menueleiste --> "Datei" --> "als Ebenen öffnen"). Diese kannst Du dann mit dem Skalierwerkzeug auf die richtige Größe bringen und mit dem Verschiebenwerkzeug an die richtige Position setzen.

Wenn Deine Landkarte dann mit allen Orten versehen ist, die Du später verlinken möchtest, dann exportierst Du diese Datei, machst also quasi eine neue Bilddatei daraus. (Du bleibst bitte für die nächsten Schritte im Hauptfenster von Gimp!)

Dazu wieder in der Menueleiste "Datei" --> "Exportieren..." auswählen.

Jetzt öffnet sich ein neues Fenster. Hier vergibst Du in der obersten Zeile einen Namen für die überarbeitete Landkarte und fügst am Ende die gewünschte Dateiendung an. Für Webseiten in der Regel .jpg oder .png.

.png ist besser geeignet, wenn Du Bilder hast, in denen sich durchsichtige Bildelemente befinden. Aber die Kompriemierungsrate ist nicht so hoch wie bei jpg, die Dateien sind etwas größer.

In dem unteren Bereich kannst Du dann ein Verzeichnis wählen, in das die Landkarte gespeichert werden soll.

Dann klickst Du auf Exportieren. Es öffnet sich je nach gewählter Dateiendung ein weiterer Dialog, in dem Du noch weitere Einstellungen vornehmen kannst. Das ist aber in der Regel nicht notwendig. Du klickst ein weiteres Mal auf Exportieren.

Diese fertige neue Bilddatei der Landkarte kannst Du jetzt zu WP in die Mediathek hochladen.

Jetzt kommt der zweite Schritt, die Erzeugung einer Imagemap-Datei!

Erst jetzt ist Deine Landkarte mit den neuen Änderungen bereit für die Erstellung einer Imagemap. Erst jetzt öffnest Du in der Menueleiste unter "Filter" --> "Web" --> "imagemap" das Fenster für die Erzeugung des HTML-Codes.

Du fügst nacheinander den verschiedenen Punkten auf der Landkarte die gewünschte Verlinkung hinzu. Wenn alle Punkte verlinkt sind, dann erzeugst Du die Imagemap.

Was Du machen könntest, wenn Du nicht zurecht kommst, steht in meiner ersten privaten Nachricht :-)

Zitat von Simone A.

auch der Alt Text ist noch nicht sichtbar

den wirst du auch nicht sichtbar bekommen
alt = alternativ................. also alternativ für das Bild ein Text
wird bei Bildern angewendet und angezeigt wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann
einzig der IE zeigt bei hover den alt-Text an (bei Bildern)

das was du vermutlich meinst ist title das wird bei hover angezeigt

wenn du deine Privaten Nachrichten lesen würdest, hättest du ein Beispiel gefunden, das ich dir bereits gestern geschickt habe( mit title bei hover)