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

Dieses Board ist für Anleitungen gedacht, wie man bestimmte (komplexe) Dinge mit CMSms erledigen kann - User-Beiträge herzlich willkommen!
delueks
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 29, 2009 1:22 pm

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

Post by delueks »

super, das wars - scrolling auto und den Frame schmäler!  ;D
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
Forum Members
Forum Members
Posts: 13
Joined: Fri Mar 19, 2010 2:57 pm

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

Post by 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

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

Post by NaN »

Thema wirklich gelesen?
NaN wrote:
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
Forum Members
Forum Members
Posts: 13
Joined: Fri Mar 19, 2010 2:57 pm

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

Post by 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

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

Post by 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
Forum Members
Forum Members
Posts: 13
Joined: Fri Mar 19, 2010 2:57 pm

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

Post by 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

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

Post by 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
Forum Members
Forum Members
Posts: 13
Joined: Fri Mar 19, 2010 2:57 pm

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

Post by 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

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

Post by 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
Forum Members
Forum Members
Posts: 13
Joined: Fri Mar 19, 2010 2:57 pm

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

Post by k4eks »

Ihr seid super  ;D 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

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

Post by 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

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

Post by 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
Forum Members
Forum Members
Posts: 63
Joined: Thu Dec 10, 2009 11:29 am

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

Post by nOOber »

NaN wrote:
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

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

Post by 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
Forum Members
Forum Members
Posts: 63
Joined: Thu Dec 10, 2009 11:29 am

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

Post by nOOber »

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

Return to “HowTo's”