BBCode Google Maps

[abelius-kiel]

HAllo allerseits,

bei der Suche auf Google Maps bietet uns Google einen iframe-Link zum Einbau des Kartenergebnisses an. Dieser komplette Link sieht beispielsweise so aus:

Code: Alles auswählen

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed"></iframe><br /><small><a href="https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&source=embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>

Hieraus interessant ist für uns eigentlich nur erstmal die Link-Zeile:

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed

So, den BBcode lasse ich im ACP wie folgt erstellen:

BBCode-Nutzung:

Code: Alles auswählen

[map]{URL}[/map] 

HTML-Ersetzung:

Code: Alles auswählen

<iframe width="800" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{URL}"></iframe><br /><small><a href="{URL}" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small> 

Soweit so gut. Wenn ich im Beitrag nun aber den Link

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed   

eingebe, wird die KArte nicht angezeigt!

Fehlerursache (siehe Quelltext):

Aus

Code: Alles auswählen

& 

wird nun plötzlich

Code: Alles auswählen

&& 

so dass der KArten-Link nicht mehr richtig ist und die Karte logischerweise nicht angezeigt wird.

Beholfen habe ich mir auf diese Weise, dass ich zunächst den Link manuell verändere und erst dann in den Beitrag eingebe.
Also aus

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed   

mache ich zunächst

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed   

Jetzt erst funktioniert es.

Hier ein Beispiel: http://imkerforum.nordbiene.de/viewtopi ... 938#p13938

Hat jemand vielleicht eine bessere, einfachere Idee?

Danke
LG
KAi

[Kirk]

Hallo
Probier es mal hier mit: Google Maps BBCode

[HabNurNeFrage]

Hi,

vielleicht kommt auch eine der folgenden Varianten in Frage.

Nutzung jeweils: [map]{INTTEXT}[/map]

Variante 1) Kartenthumb wird im Beitrag angezeigt, Karte öffnet beim Klicken aufs Thumb in PopUp:

HTML:

Code: Alles auswählen

<p>
<img src="http://maps.googleapis.com/maps/api/staticmap?center={INTTEXT}&zoom=10&size=144x90&sensor=true" alt="*" onclick="window.open('http://maps.google.com/?q={INTTEXT}&t=h&z=16&output=embed','','width=760, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes')" title="{INTTEXT} auf Google-Map in PopUp anzeigen" style="cursor:pointer;" />
</p> 

Variante 2) Hybridkarte wird im Beitrag angezeigt mit Möglichkeit, eine Gesamtkarte in neuem Fenster zu öffnen:

HTML:

Code: Alles auswählen

<p>
<object data="http://maps.google.com/?q={INTTEXT}&t=h&z=16&output=embed" type="text/html" height="520" width="760"></object>
<br /><small>Karte <a href="http://maps.google.com/?q={INTTEXT}&t=h&z=16&output=embed" onclick="window.open(this.href);return false;">{INTTEXT}</a> in ganzem neuen Fenster anzeigen</small>
</p> 

Vorteile in beiden Varianten:
Im Beitrag müssen lediglich Schlagworte angegeben werden, wie Beispielsweise eine Adresse oder ein Ort oder ein Bauwerk oder Ähnliches.
Die Eingabe im Beitrag wäre dann beispielsweise [map]Kiel Hauptbahnhof[/map]
Das Raussuchen der richtigen URL ist nicht notwendig. Beide Varianten sind xHTML strict valide. Es werden keine iFrames genutzt.

Demo der beiden Varianten: http://bild4.bplaced.net/phpbb/viewtopi ... 2&t=34#p85

LG

[abelius-kiel]

Hallo,

danke Euch beiden für Eure Gedanken.

Beide Lösungen, die aber etwas anderes im Ergebnis haben, treffen nicht ganz mein Problem.

Ich hätte die Frage in meinem Post ganz oben anders stellen müssen:

"Warum macht der BBCODE aus

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&ie=UTF8&hq=&hnear=Kiel,+Schleswig-Holstein&gl=de&t=h&z=11&ll=54.323293,10.122765&output=embed      

fälschlicherweise im Beitrag

Code: Alles auswählen

https://maps.google.de/maps?q=kiel&&ie=UTF8&&hq=&&hnear=Kiel,+Schleswig-Holstein&&gl=de&&t=h&&z=11&&ll=54.323293,10.122765&&output=embed      

???

Was hab ich da falsch gemacht?"
LG
Kai

[HabNurNeFrage]

Hi,

scheint sich um ein Encoding-Problem des Zeichens & zu handeln.

Erwartet hätte ich allerdings anstelle von && eher &

Versuch mal anstelle von & ein einfach nur das Zeichen & selbst.

Was das Problem verursacht, weiß ich leider nicht...

LG

[abelius-kiel]

Hallo,

da spricht der Fachmann, es wurde tatsächlich

Code: Alles auswählen

&

daraus. Komisch.

Ja, wenn ich den Link vorher so manipuliere und die vielen

Code: Alles auswählen

amp;

herausschneide, so dass jeweils nur

Code: Alles auswählen

&

übrig bleibt, dann wird die Karte richtig angezeigt.

Danke vielmals. Ich muss es dann halt so machen. Komisch ist das trotzdem .
LG
Kai

[sladdicool]

Hallo!
Irgendwie ist nicht klar auf welches Ergebnis du denn aus bist......

Probiere mal (ist aber im Prinzip das gleiche wie von Kirk und HabNurNeFrage):

BBCODE:

Code: Alles auswählen

[map]{SIMPLETEXT}[/map]

HTML:

Code: Alles auswählen

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/maps?q={SIMPLETEXT}&ie=UTF8&hq=&hnear={SIMPLETEXT}&t=h&z=14&iwloc=A&output=embed"></iframe><br /><small><a href="https://maps.google.de/maps?q={SIMPLETEXT}&ie=UTF8&hq=&hnear={SIMPLETEXT}&t=h&z=14&iwloc=A&source=embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>

EINGABE:

Code: Alles auswählen

[map]greifswalder oie[/map]

oder EINGABE:

Code: Alles auswählen

[map]Kiel[/map]

oder EINGABE:

Code: Alles auswählen

[map]Kiel, Schleswig Holstein[/map]

LG
Sladdi

[abelius-kiel]

Hallo Sladdi,

danke auch für diesen Ansatz.

Ich glaube, ich muss es einfach nur ausprobieren, um es zu erkennen.

Was mir aber jetzt schon an der html-Ersetzung auffällt: der Zoom-Faktor scheint ja vorgegeben zu sein. Dies ist ein Nachteil. Vorteil: Man braucht im Beitrag nur den "Ort" einzugeben.

Ist das so richtig?
Ich probiere es aus.
DANKE
LG
Kai

[HabNurNeFrage]

Hi,

dieser URL-Parameter bestimmt den Zoom-Faktor: &z=14

Um den Variabel zu gestalten, kannst Du den bbCode folgendermaßen anlegen:

[map={NUMBER}]{INTTEXT}[/map]

Nun in der Ersetzung:

Code: Alles auswählen

<p>
<object data="http://maps.google.com/?q={INTTEXT}&t=h&z={NUMBER}&output=embed" type="text/html" height="520" width="760"></object>
<br /><small>Karte <a href="http://maps.google.com/?q={INTTEXT}&t=h&z={NUMBER}&output=embed" onclick="window.open(this.href);return false;">{INTTEXT}</a> in ganzem neuen Fenster anzeigen</small>
</p>

Möglich sind - soviel ich weiß - Zoomfaktoren von 1 bis 18.

Im Beitrag dann z.B.: [map=12]gizeh pyramide[/map]

LG

[abelius-kiel]

Hallo,

danke nochmals für die Tipps. Es klappt alles wunderbar. Ich habe es jetzt nach meinem Geschmack umgesetzt: http://imkerforum.nordbiene.de/viewtopi ... 132&t=1838

Danke
LG
Kai