BB Code Enhancements - Interactive Google Maps In Post

No Google Maps API key, no mod install, no template edits, etc. This is based off YBMF's mod for 4.0, but a bit easier for the end user. Instead of the user having to input the full Google Maps link, just the address, name of business, etc is acceptable.

Admin CP --> Custom BB Codes --> Add New BB Code


Title: Map

BB Code Tag Name: map

Replacement: <div align="center" style="margin: 5px 5px 5px 5px;">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
<tr>
<td class="thead" style="text-align:center"><iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q={param}&output=embed"></iframe></td>
</tr>
</table>
</div>

Example: [map]201 S. Grant Avenue, Columbus, Ohio[/map]

Description: This will insert a Google map of the location you input

Use {option}: No

Button Image (Optional): whatever 20x20 image you want, attached is the one we use

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: Yes

Disable Smilies Within This BB Code: Yes

Disable Word Wrapping Within This BB Code: Yes

[dieselpowered]

Originally Posted by Wayne Luke

Can I ask why you enclosed the iframe in both a <div> and table? Seems like overkill in layout.

I wonder if this is the reason the spacing is different on the top and bottom? Seems the text is closer to the top of the map then the text is to the bottom?

[chuckhodson]

Cool works great thanks...

[leo.prasanth]

One question please:

I want to display the name of a place with a placemarker in my map. How do I do that ?

- thanks,
Leo

[benstillman]

Originally Posted by Wayne Luke

Can I ask why you enclosed the iframe in both a <div> and table? Seems like overkill in layout.

Originally Posted by benstillman

This is based off YBMF's mod for 4.0, but a bit easier for the end user.

I simply modified theirs to fit what I wanted.

[CybaGirl]

Awesome works well and just what I have been looking for!

Installed on vBulletin v4.0.3 and works perfectly!

Thank you very much!

[dieselpowered]

Seems I get an error in 4.0.4 PL 1

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

[BirdOPrey5]

Did you edit or change anything from double quotes " " to single quotes' ' ? Perhaps a double single quote '' ? Looking over the text there is no error on the author's part so either something got changed or your vB is malfunctioning. Perhaps try copying and pasting the replacement again?

[dieselpowered]

I simply copy and pasted the code right from this page.

[BirdOPrey5]

I believe you, it's just damned weird, obviously many people have done it without this issue... Although I've never seen this happen before when copying into a vb text box perhaps some extra formating is being copied over for you? Try copying and pasting the code below... if that doesn't work try copying it into a text editor like notepad then re-copy from the editor and paste- that will remove any extra formatting.

<div align="center" style="margin: 5px 5px 5px 5px;">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
<tr>
<td class="thead" style="text-align:center"><iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q={param}&output=embed"></iframe></td>
</tr>
</table>
</div>

[BirdOPrey5]

If those still don't work then start removing tags from the text... yes I know it won't work right but it will, hopefully, narrow down exactly what tag is causing the issue... for instance try just:

<div align="center" style="margin: 5px 5px 5px 5px;">
</div>

Do you still get an error? if not try:

<div align="center" style="margin: 5px 5px 5px 5px;">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
<tr>
<td class="thead" style="text-align:center"></td>
</tr>
</table>
</div>

etc... until you find out exactly what piece of code is causing the error.

If you still get the error on even just a basic <div> </div> tag with no extras then I would look to the custom bb code immediately above this one, perhaps a quote is not closed throwing everything off... I've seen this issue cause havoc with css style sheets, never bb 's code but there's a first time for everything.