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

[bulldog51981]

Ok, so everything looks good with one small exception...only about half of the map shows in about half of the frame. Any ideas?

Here's a link to one of the pages where you can see an example:

http://stlryderz.com/showthread.php?...y-Thur-Dec-9th

Thanks

[BirdOPrey5]

That's a weird one... best guess right now is something in your style is throwing it off... Try it in the default style and see if you have the same problem.

To use the default style make a new style with no parent style:
ACP==>style manager==>add new style==>just choose a name==>save

[bulldog51981]

Originally Posted by BirdOPrey5

That's a weird one... best guess right now is something in your style is throwing it off... Try it in the default style and see if you have the same problem.

To use the default style make a new style with no parent style:
ACP==>style manager==>add new style==>just choose a name==>save

Ok, did that and still that same thing. Go to the same link and look at the bottom of the screen on the left and you can change to "test" style there for demo. Could it possibly be that we upgraded to 4.1? Or something completely different? Thanks for such a quick response. BTW, We have had this code running perfectly since Oct when it first went in, just recently I noticed this, but I'm not sure exactly when it started. We upgraded to 4.1PL2 about 2 days ago, but again, not sure if it was ok immediately before and after that.

Thanks again!

[BirdOPrey5]

I see you have since removed the google map from that post... before it was gone I was able to see that whatever is causing it seems to be part of your css.php file... when I removed the css link to this file the map was normal sized, though of course everything else was bad without the css.

I'm not really sure what this means, possibly a mis configured stylevar... I can't really troubleshoot anymore from here.

One more thing to try, in the replacement code for the BB Code get rid of the table tag, the only code you really need is:

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

See if that gives better results.

[OldSchoolDSL]

Originally Posted by BirdOPrey5

I see you have since removed the google map from that post... before it was gone I was able to see that whatever is causing it seems to be part of your css.php file... when I removed the css link to this file the map was normal sized, though of course everything else was bad without the css.

I'm not really sure what this means, possibly a mis configured stylevar... I can't really troubleshoot anymore from here.

One more thing to try, in the replacement code for the BB Code get rid of the table tag, the only code you really need is:

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

See if that gives better results.

Installed and used this as the final code.

Working on 4.1 PL2

[printedgear]

My apologies for this noob question. This is only the 2nd thing I've added and it works great. I just don't know how to add the map icon. It says to input the URL. NOOB question...how do I do that? Sorry again...

[BirdOPrey5]

You need to upload the icon to your site, usually in your /images/editor/ folder...
Then in the box that asks for path to the image put in the file path, usually something like:
/images/editor/map.gif
(or whatever the file name is)

[printedgear]

Thanks BOP. I had put public_html in the path. I called hostgator just after posting and they told me what to do. Thanks for the Hack and I will love it! Is there a way to change "Wrap [map] tags around selected text" to something like "place street address between [map] and [/map]"?

[BirdOPrey5]

Glad you're up and running... this isn't my mod, it is by benstillman, I just answer questions since he marked it "unsupported."

As for changing the text of the box- unfortunately no, if you changed it, it would change for all BB Codes and it wouldn't make any sense.

[Quads]

Great hack.

When user click the google map (location marker example), they are taken to google maps in the same window are leave my forum. How can I make this so that a new tab is opened if they click the map?