BB Code Enhancements - Embed Interactive SAVED Google Maps

Per request: This embeds an interactive Google Map which you have previously created and saved to your "My Maps".

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

Title: Saved Map

BB Code Tag Name: savedmap

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/ms?{param}&amp;output=embed"></iframe>
</td>
</tr>
</table>
</div>
</div>

Example: [savedmap]source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+N C&gl=us&ei=5Pw5S5CTGI3ilAfR 8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=1082868885536792 96824.00047bd3022f955f5a820&ll =36.75539,-81.285095&spn=0.792197,1.149445&z=10[/savedmap]

Description: This will insert a saved Google map

Use {option}: No

Button Image (Optional): whatever 20x20 image you want, or none

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

Edited per trumpetrhapsody's recommendation.

[Trilhos Vivos]

IS there anyway I can load external gpx files into these maps?

Example:

[savedmap]http://my.resource.com/track-file.gpx[/savedmap]

So the map would show the contents of my gpx file?

Thanks in advance

[funmasti]

Installed.

[benstillman]

Originally Posted by Trilhos Vivos

IS there anyway I can load external gpx files into these maps?

Example:

[savedmap]http://my.resource.com/track-file.gpx[/savedmap]

So the map would show the contents of my gpx file?

Thanks in advance

Not very easily. Check out http://www.gpsvisualizer.com/ and see if that might work for you.

[fuzioneer]

i have this working on a vb 4.0.3 site and it works fine for UK roads, but if i try linking to a UK Streetview it simply displays the standard google map view instead ?

[ravencr]

How do I do an iframe for any url, so instead of posting a url and it opening a new page on their site, it keeps the user on my site within the iframe?

Chris

[benstillman]

Originally Posted by ravencr

How do I do an iframe for any url, so instead of posting a url and it opening a new page on their site, it keeps the user on my site within the iframe?

Chris

You don't want to do that. That's a huge security risk. Anyone could embed stuff within your site that way.

[benstillman]

Originally Posted by fuzioneer

i have this working on a vb 4.0.3 site and it works fine for UK roads, but if i try linking to a UK Streetview it simply displays the standard google map view instead ?

Got me beat.

[sufilala]

fantastic
thanks for this!!

[Dev Exiles]

I don't think I've screwed anything up, but I tweaked it a bit to allow:

1) Any Google map can be embedded, not just saved maps, and

2) Control over how large the map is displayed.

<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 {option} frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/{param}&amp;output=embed"></iframe>
</td>
</tr>
</table>
</div>

Be sure to change Use {option} to Yes. The option is the width and height of the map. An example would look like this:

[savedmap=width="600" height="600"]maps?q=OBAMA'S+FRIED+CHICKEN,+Saint+Nicholas+Avenue,+New+York,+NY&hl=en&ll=40.802327,-73.950734&spn=0.00752,0.021136&sll=40.80391,-73.958234&sspn=0.003963,0.010568&z=16[/savedmap]

[benstillman]

Originally Posted by Dev Exiles

I don't think I've screwed anything up, but I tweaked it a bit to allow:

1) Any Google map can be embedded, not just saved maps, and

2) Control over how large the map is displayed.

<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 {option} frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/{param}&amp;output=embed"></iframe>
</td>
</tr>
</table>
</div>

Be sure to change Use {option} to Yes. The option is the width and height of the map. An example would look like this:

[savedmap=width="600" height="600"]maps?q=OBAMA'S+FRIED+CHICKEN,+Saint+Nicholas+Avenue,+New+York,+NY&hl=en&ll=40.802327,-73.950734&spn=0.00752,0.021136&sll=40.80391,-73.958234&sspn=0.003963,0.010568&z=16[/savedmap]

That was already done: https://vborg.vbsupport.ru/showthread.php?t=235625