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

[GeorgeB85]

I dont see no button image attached.

[GeorgeB85]

This works, but when I type in an address, and use the bbcode for the map, it only displays a gigantic map for the entire USA, and doesn't pin point the address I gave it.

[Videx]

Maybe they specifically have embedding disabled for those fancy maps? You may want to search around the Google Maps forums for a clue.

George, are you having your own trouble? Try to find the address in Google Maps first. Once you do, use that url. You could be misspelling a street name or something.

[BirdOPrey5]

Originally Posted by GeorgeB85

I dont see no button image attached.

It's the small image under "screen shots"

Originally Posted by GeorgeB85

This works, but when I type in an address, and use the bbcode for the map, it only displays a gigantic map for the entire USA, and doesn't pin point the address I gave it.

Then it's not working- all I can advise is erase it and try again. Read this full thread for updates.

[GeorgeB85]

Found the answer to this.

My address shows up find in Google Maps, but not with this mod. Just shows the US map

[Mr_Running]

If this is using the old Google Map v2. How can I update using v3 api?

How about a smaller map fixed size with a link to a full size map.
Has anyone updated to Google Map v3?

[Arrogant-One]

Originally Posted by myke2008

was not ignoring you, as I said I am no longer using it on the forums, so if I gave you a link (the site is not live yet) it would not do any good anyway. I don't want to leave a huge google map skewed off the side of the page and bulging out the side of the resent posts widget, because it looks like sh*t.

This is a brand new install of vb 4.1.1 and this mod is basically the only mod that is installed.

The real question is, is there a way to set permissions on this or some how prevent the maps from showing in the resent posts widget? Maybe there is some way to stop it from being used in the forums? or prevent registered users from using it?

So it worked for 4.1.1?

I have 4.1.12 and this mod isn't working. When I tried saving the BB Code I got this message:

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>

I proceeded anyway but the mod never worked.

[Mr_Running]

Try this...

Example:

[map]Brisbane, Queensland, Australia[/map]

Replacement:

<iframe width="75%" height="400" frameborder="0" scrolling="no" marginheight="" marginwidth="" src="http://maps.google.com/maps?q={param}&output=embed"></iframe>

[Arrogant-One]

Originally Posted by Mr_Running

Try this...

Example:

[map]Brisbane, Queensland, Australia[/map]

Replacement:

<iframe width="75%" height="400" frameborder="0" scrolling="no" marginheight="" marginwidth="" src="http://maps.google.com/maps?q={param}&output=embed"></iframe>

Still not working unfortunately.

[Mr_Running]

Check BB Code Manager...is BB Code and HTML both

[map]Brisbane, Queensland, Australia[/map]

Also make sure everything is set to Yes.

with the exception of Use {option} which is to be set to No.

If it still does not work then delete BBCode and start again with what I provided.
Yes, error can be safety be ignored.

or just delete and start again.

Edit: I believe this is it. Use {option} which is to be set to No
Check