HowTo: Google-Maps einbinden (die einfache Variante mit {embed})

[delueks]

super, das wars - scrolling auto und den Frame schmäler! 
die firebug Erweiterung habe ich mir auch installiert, werde das in den nächsten Tagen checken.. 

a propos News-Modul: das hatte ich bis dato verwendet (siehe http://www.immobilien.bz.it) nur leider ist das auf Dauer zu mühsam. Haben stattdessen eine Immo-Software, mit der man neben vielerlei Funktionen auch mehrsprachige HTML-files exportieren kann. Nachdems jetzt gelungen ist, diese einzubinden, steigen wir mit neuem Jahr um auf die neue Lösung.

[k4eks]

Hallo zusammen!

Ich habe ein ähnliches Problem mit dem Embed-Tag!

Um eine Google-Map einzubinden, habe ich, wie im How-To beschrieben, die url des iframes in den embed-tag im tiny-MCE im Editor eingefügt, vorher wysiwyg deaktiviert und gespeichert.
Die CSS-Contentbox, in der das Ganze verpackt ist, ist so beschrieben:

Code: Select all

/* Content container */
#content {
	position: relative;
	margin-top: 10px;
	width: 475px;
	min-height: 350px;
        padding-left:30px;
        z-index:10;
}

Die Map wird zwar angezeigt, nur stimmt die Höhe nicht. Ich habe schon alles Mögliche probiert, aber es wird nur ein ca. 180px hoher Ausschnitt gezeigt.

Hat jemand einen Rat, wo das Problem liegt?
Hier ein link zur page, sie ist noch in Bearbeitung: http://militas-taurus.de/index.php?page=lage

LG k4eks

[NaN]

Thema wirklich gelesen?

Dieser Tag fuktinioniert aber leider nicht immer wie erwartet.
(Hängt wie beim WYSIWYG-Editor mit JavaScript und externen Inhalten zusammen.)
Daher hab ich hier mal eine modifizierte Version angehängt.
(nach dem Download die Endung .txt entfernen und die Datei in das Verzeichnis Plugins kopieren)

[k4eks]

Manchmal bin ich einfach zu dusselig und vergesse die Hälfte 

Jetzt klappts auf Anhieb, danke dir vielmals!

Eine weitere Frage hab ich noch: Arbeitet dein Plugin genauso perfekt bei flash-Inhalten?

[NaN]

Nee, der macht nur iframes
Für Flashinhalte gibts aber den Object Tag.
Es gibt aber auch beim TinyMCE ein Plugin, was auch ganz gut sein soll.
Dazu einfach mal hier weiterlesen: http://forum.cmsmadesimple.org/index.ph ... 310.0.html

[k4eks]

Also Danke erstmal für die Hilfe mit dem Einbinden der Map!
Dadurch hat sich aber ein anderes Problem ergeben:
Geplant ist, dass die Inhalte rechts neben der Google-Map erscheinen, aber seit diese eingebunden ist, ist der Inhalt auf allen Seiten der website nach unten verschoben. Bevor ich die Map eingebunden habe, waren sämtliche style-ids perfekt angeordnet. Ist es möglich, dass hier die von mir definierten styles einfach von cmsms überlagert werden?

LG k4eks

[NaN]

Hast Du mal einen Link zum anschauen?
Ohne den HTML Code oder die Styles tappe ich da echt im Dunkeln.
Hast Du Dir mal die letzten Beiträge hier durchgelesen?
Da hatte auch jemand ein Problem mit dem Layout.
Hast Du das schon ausprobiert?

[k4eks]

Hier der Link zur Page: http://militas-taurus.de/index.php?page=lage
Ist noch in Bearbeitung, mit Platzhaltertext gefüllt und liegt auf ner Testadresse.

Der Aufbau der CSS im relevanten Teil sieht grob so aus:

->#maincontainer

   -->#menü
   -->#mainimage (momentan noch Platzhalter für Flashinhalt)
   -->#content (dort ist die google-map per tinyMCE eingebunden, ansonsten für Textinhalt gedacht)
   -->#right (Block auf der rechten Seite, der nun komplett nach unten verschoben ist, solange die google-map eingebunden ist)
        -->#rightheadline (oberer rechter Inhaltsblock)
        -->#rightcontent (unterer rechter Inhaltsblock)

->#footer

In den vorherigen Posts habe ich nichts passendes gefunden. Auffällig ist, dass das Problem behoben ist, sobald ich die Map entferne.

[NaN]

Das ist mal wieder eine Frage des Layouts und weniger des iFrames.
Das Problem ist nicht die GoogleMap, sondern die rechte Spalte.
Die würde bei jedem Inhalt nach unten rutschen. Füll den Bereich mal mit paar Zeilen Text und Du wirst sehen was ich meine.
Deine Elemente "floaten" nicht. D.h. sie belegen jeweils immer eine "Zeile".

Gib dem #content im Stylesheet mal float:left.
Dann füge unten bevor das DIV #maincontent geschlossen wird noch ein

Code: Select all

     

<div style="clear:both"></div>

ein.

Und nimm das position: relative bei Deinen Elementen raus.
Das brauchst Du an dieser Stelle nicht. Du benutzt eh keine Positionierungen.

Das sollte es gewesen sein.

[k4eks]

Ihr seid super  Dankeschön. Passt perfekt.

Ich arbeite mich momentan erst noch mit CSS ein, also werden die Fragen demnächst detaillierter bzw. besser angeordnet sein

Vielen Dank nochmal für die Hilfe in diesem Fall!

[mike-r]

Das mit der gepatchten Version ist auf Dauer nicht zielführend. Gerade eben auf einer Seite gesehen, dass die Map nicht geht. Vor ein paar Tagen ging sie noch. Hab nix gemacht...

Nach ewigem Rumprobieren und Rumsuchen und Rumfluchen fiel mir ein, dass ich vor ein paar Tagen ein Update gemacht habe ... und somit wieder die "alte" kaputte Datei aufgespielt.

Das Günstigste in diesem Falle wird wohl sein, die Datei umzubenennen und die internen Embed-Aufrufe zu patchen.
Kuck ich mir morgen mal an, grad hab ich die Schnauze voll

[NaN]

Einfach das Plugin hier herunterladen und z.B. in "iframe" umbenennen.
Danach die Datei öffnen und die Funktionen umbenennen (also alles was mit embed zu tun hat in iframe umbenennen).
Das sollte es eigentlich schon sein.

Dann darf man aber nicht vergessen, bei allen Seiten den Aufruf des Plugins zu ändern.

[nOOber]

Sorry, verwende schon seit einer Weile eine modifizierte Version des Embed Tags.
Geistert hier schon irgendwo im Forum rum.
Die Parameter "width" und "height" gibt es von Werk aus ja (immernoch!) nicht.

Versuchs mal mit dem Plugin im Anhang.
(siehe ersten Beitrag)
Dieses

Code: Select all

{embed header=true}

kannst Du dann wieder löschen.
(wird in Deinem Fall ja eh nicht benötigt)

Hat irgendwie immer noch keiner kapiert, dass das JavaScript nur dann funktioniert, wenn der Inhalt des iFrames vom selben Server aus geladen wird.

hm, habe den ganzen Post 2 mal durchgelesen und nachgebaut - irgendwie wird bei mir die Map immer in der falschen Größe angezeigt. Bin auch etwas verwirrt jetzt welches der richtige "Embed" Tag ist.
Nutze 1.7.1 "Escada" und habe den vorhandenen Tag durch den hier im Post angehängten überschrieben.

[uniqu3]

Ich habe so etwas ganz ohne embed oder ähnlichen gelöst.
Einfach einen UDT erstellen:

echo '




View Larger Map


';

Und das Resultat: http://demo.i-arts.eu/index.php

[nOOber]

ah, wozu kompliziert wenns auch einfach geht.
Funktioniert auf den ersten Klick, werde es noch ein wenig testen ... vielen Dank!!!