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

[BirdOPrey5]

I'm using this on my 4.0.8 test board just fine using the original instructions and "Disable Automatic Link Parsing" to YES.

[BadgerDog]

Tried to set up and save this BBCode for 4.04 but get this error when attempting to save ...

Can someone fix this code?

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

* <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>

Thanks ...

Regards,
Badger

[BirdOPrey5]

You can safely hit "Continue" and ignore that error... it's a bug- the code it correct and safe.

[BadgerDog]

Originally Posted by BirdOPrey5

You can safely hit "Continue" and ignore that error... it's a bug- the code it correct and safe.

Thank you ..

Appreciate the feedback ... :up:

Regards,
Badger

[dall100]

I love this mod and my members do, however it won't work on my frontpage (vbadvanced 4.1) I get a blank square and my left-hand column doesn't show.

(VBulletin 4.8.0)

[smirkley]

How would I use this to embed the satellite view version instead of road maps.

tia

[BirdOPrey5]

Try adding &t=h to the embed URL, so the replacement would be:

<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}&t=h&output=embed"></iframe></td>
</tr>
</table>
</div>

[smirkley]

Originally Posted by BirdOPrey5

Try adding &t=h to the embed URL, so the replacement would be:

<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}&t=h&output=embed"></iframe></td>
</tr>
</table>
</div>

THANK YOU !!


Out of curiosity, how many other url configurations are there?

Like if for example, I wanted the satellite view without the streets and labeles.

[BirdOPrey5]

Go to google maps, make the map how you want it, click on the "link" option to generate the link and look at the long URL it generates. Look at whatever is after "&t=" h=hybrid probably... maybe 's' is satellite only? Make the link and check.

[smirkley]

Thanks again...

note, found out that "k" is for sat only.