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]

Originally Posted by benstillman

Seems to be working fine for me. I just typed "Redmond City Hall 98052" within the map tags.

That's weird too- when I put in "Redmond City Hall 98052" like you it works fine but when I tried the full address like the guy posted, it doesn't show the place marker.

[mimocherry]

I think that I didnt give a good example. I apologize because even you enter the direct address in the maps.google.com, it will not display the picture, so it has nothing to do with your code. (although, I want to know why the name will display picture, but the address would not on the google map..odd)

take this example. that is an address of the sushi restaurant. I tried that in the maps.google first so I will not waste your time. do you see the nice picture?
11818 Northeast 8th Street, Bellevue, WA‎

but, when I enter the same address in your map bbcode, I will not see it!

[benstillman]

Originally Posted by mimocherry

I think that I didnt give a good example. I apologize because even you enter the direct address in the maps.google.com, it will not display the picture, so it has nothing to do with your code. (although, I want to know why the name will display picture, but the address would not on the google map..odd)

take this example. that is an address of the sushi restaurant. I tried that in the maps.google first so I will not waste your time. do you see the nice picture?
11818 Northeast 8th Street, Bellevue, WA‎

but, when I enter the same address in your map bbcode, I will not see it!

Another bad example I think. The image shown on maps.google.com is simply a thumbnail link directing to the street view. Street view, as far as I know, isn't supported in embedded maps. So no, that picture wouldn't show up within this bbcode.

[mimocherry]

A bad example brought a good explanation!

I got it now! thanks!

what a pity. I really like that street view image :-(

[benstillman]

Originally Posted by mimocherry

A bad example brought a good explanation!

I got it now! thanks!

what a pity. I really like that street view image :-(

Sweet. Glad that got worked out.

[rares.stanescu]

This code is awesome Thanks a lot!

I just need one more thing. how can i set the zoom and the default mode ( map satelite... )

Thanks

[ravencr]

How can I modify this to insert any page url into an iframe within any post?

Chris

[BirdOPrey5]

Originally Posted by rares.stanescu

This code is awesome Thanks a lot!

I just need one more thing. how can i set the zoom and the default mode ( map satelite... )

Thanks

Try adding "&z=10" after "&output=embed" in the code... set the number 10 to whatever zoom level you want, I think it goes 1 to 14... Not sure what would happen if the link already specifies a different zoom.

Originally Posted by ravencr

How can I modify this to insert any page url into an iframe within any post?

Chris

It is a bad idea to allow users to embed iframes because they can link to pages with security issues and your users could get viruses or exploited by malicious users... but if you don't care change the line:

src="http://maps.google.com/maps?q={param}&output=embed"

to

src="{param}"

Or alternatively you could search the mods for a dedicated "IFRAME" BB Code, I know there is one.

[ravencr]

I figured it out and posted it up for folks. Thanks for the help,

Chris

[Bergler]

Originally Posted by ravencr

I figured it out and posted it up for folks. Thanks for the help,

Chris

What did you do and does it still work in 4.0.8?