Embed Interactive SAVED Google Maps

[benstillman]

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: source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+NC&gl=us&ei=5Pw5S5CTGI3ilAfR 8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=108286888553679296824.00047bd3022f955f5a820&ll =36.75539,-81.285095&spn=0.792197,1.149445&z=10

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.

[voglermc]

Thank you!

[voglermc]

works perfectly!

[benstillman]

Glad to hear.

[MooseMoney]

Installed!
Thank you very much! :D

[xtreme4x4sa]

Hi.

For me it did not work at first. In the cms it messed around with the background. On carefull inspection I found a </Div> at the end to much. I am no expert but it fixed the problem.

Thanks for this, and yes Marked as installed.

[KW802]

Wouldn't this allow any URL to be used?

[Trumpetrhapsody]

I changed the code to this just in case:

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

source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+NC&gl=us&ei=5Pw5S5CTGI3ilAfR 8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=108286888553679296824.00047bd3022f955f5a820&ll =36.75539,-81.285095&spn=0.792197,1.149445&z=10



Using the "Test Your BB code" at the bottom of the manager it shows up properly, but in the actual replacement example box it doesn't show up. Just a FYI.

[hiker]

Is there any way to merge this code with this mod's code? https://vborg.vbsupport.ru/showthread.php?t=234318

[benstillman]

I changed the code to this just in case:

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

source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+NC&gl=us&ei=5Pw5S5CTGI3ilAfR 8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=108286888553679296824.00047bd3022f955f5a820&ll =36.75539,-81.285095&spn=0.792197,1.149445&z=10



Using the "Test Your BB code" at the bottom of the manager it shows up properly, but in the actual replacement example box it doesn't show up. Just a FYI.

I edited the original per your suggestion. Thanks.

[Trilhos Vivos]

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

Example:

http://my.resource.com/track-file.gpx

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

Thanks in advance

[funmasti]

Installed.

[benstillman]

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

Example:

http://my.resource.com/track-file.gpx

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]

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]

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:


maps?q=OBAMA'S+FRIED+CHICKEN,+Saint+Nicholas+Avenu e,+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

[benstillman]

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:


maps?q=OBAMA'S+FRIED+CHICKEN,+Saint+Nicholas+Avenu e,+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



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

[ozione]

hello!

i did manage to get this working but there is a strange issue with my embedded maps; there is no location "pins" visible. i tried with public addresses or my custom saved maps. i just get a map with no "destination" pin.

any clues?
thanks

[benstillman]

hello!

i did manage to get this working but there is a strange issue with my embedded maps; there is no location "pins" visible. i tried with public addresses or my custom saved maps. i just get a map with no "destination" pin.

any clues?
thanks

Example address?

[ozione]

http://maps.google.com/maps?q=19+Ptujska+ulica,+Ljubljana,+Slovenija&hl=sl&ll=46.054173,14.530621&spn=0.099711,0.223675&sll=46.050004,14.518948&sspn=0.199436,0.44735&vpsrc=6&hnear=Ptujska+ulica+19,+1000+Ljubljana,+Slovenija&t=h&z=13&iwloc=A

this is code used in my custom map. it opens nicely withing the browser...

[d0cpaul]

hello!

i did manage to get this working but there is a strange issue with my embedded maps; there is no location "pins" visible. i tried with public addresses or my custom saved maps. i just get a map with no "destination" pin.

any clues?
thanks

I got the same thing happening to me. Here's a URL to the test post:
http://trailviewer.org/showthread.php?10-Test&p=10#post10

[Jonm]

all I see is the link or BBCODE no map....

[d0cpaul]

Sorry about that mate here's the test link..
http://trailviewer.org/forum/showthread.php?11-Test-2-Using-Normal-Map&p=11#post11

[d0cpaul]

Anyone have a solution?

[Guust]

Can anybody tell me how to get the code that is required to be pasted between the [SAVEDMAP] tags?
I have created a map and saved it to "my places" in google maps, but have not been able to find any code that actually works.

This is a link to the map:
http://maps.google.com/maps/ms?ie=UTF&msa=0&msid=213057970643771598228.0004ca9a63409a48ae93f just in case I am doing things wrong.

[Guust]

I figured it out, you get the code from the link icon above the details of your saved map, and drop the
https://maps.google.com.au/maps/ms?
bit in front of the URL. Can anybody tell me how to get the code that is required to be pasted between the [SAVEDMAP] tags?
I have created a map and saved it to "my places" in google maps, but have not been able to find any code that actually works.

This is a link to the map:
http://maps.google.com/maps/ms?ie=UTF&msa=0&msid=213057970643771598228.0004ca9a63409a48ae93f just in case I am doing things wrong.

[lukescotty]

why are my maps very narrow

http://www.talknightlife.co.uk/f43/testing-maps-n-google-14795/

Any ideas???

Cheers guys