View Full Version : BB Code Enhancements - Interactive Google Maps In Post
benstillman
02-10-2010, 10:00 PM
No Google Maps API key, no mod install, no template edits, etc. This is based off YBMF's mod for 4.0 (https://vborg.vbsupport.ru/showthread.php?t=234318), 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: 201 S. Grant Avenue, Columbus, Ohio
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
voglermc
02-11-2010, 07:23 PM
What about displaying a route from A-B?
benstillman
02-11-2010, 07:38 PM
What about displaying a route from A-B?
Easy as cake.
Columbus, OH to New York, NY
Screenshot attached of the results.
voglermc
02-11-2010, 07:46 PM
I mean if I create a route on Google maps, how would I display that?
LINK (http://maps.google.com/maps/ms?source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+NC&gl=us&ei=5Pw5S5CTGI3ilAfR8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=108286888553679296824.00047bd3022f955f5a820&ll=36.75539,-81.285095&spn=0.807601,1.454315&z=10)
benstillman
02-11-2010, 08:11 PM
I mean if I create a route on Google maps, how would I display that?
LINK (http://maps.google.com/maps/ms?source=ig&hl=en&ie=UTF8&hq=&hnear=Browns+Summit,+NC&gl=us&ei=5Pw5S5CTGI3ilAfR8_GgBw&ved=0CAsQ8gEwAA&msa=0&msid=108286888553679296824.00047bd3022f955f5a820&ll=36.75539,-81.285095&spn=0.807601,1.454315&z=10)
I made a few adjustments to this BB Code mod specifically for you (and anyone else who might need it):
https://vborg.vbsupport.ru/showthread.php?t=235632
meissenation
02-12-2010, 01:07 PM
Nice! Works pretty good too.
Videx
02-17-2010, 01:23 AM
As it happens, Google Maps is still showing old road names around here. Can this be made to work with Mapquest or Bing/explore?
Jabong82
02-22-2010, 08:53 PM
Very nice mod! Nominated and installed.
I don't suppose there is a way to get this to show up in the "Visitors Message" reply in the User Profile area?
Thanks in advance.
adreen
03-04-2010, 05:28 AM
thanks!
glen290
03-08-2010, 08:22 AM
I like this mod, how would I put multiple locations in, for my website I would like to put in locations of Bowling Centres in the Northwest of England, is this possible ?
benstillman
04-13-2010, 12:28 PM
As it happens, Google Maps is still showing old road names around here. Can this be made to work with Mapquest or Bing/explore?
Let me see what i can do.
Videx
04-13-2010, 12:38 PM
Let me see what i can do.The problem is that neither Bing nor Mapquest seems to want to take a simple URL like Google maps will, so I've had no luck with them.
BirdOPrey5
05-16-2010, 11:46 PM
Installed and working great in 3.8.4 PL2. I must say your implementation adds far more security then the original hack because it forces the iframe to google instead of getting it passed from the user.
Marcus97
05-17-2010, 04:09 AM
Nice Mod..thanks!!
docvader
05-17-2010, 05:27 AM
Works great on 4.03
eda199
05-27-2010, 04:56 PM
u rock...
eda199
05-27-2010, 04:57 PM
installed and checked and rated
Wayne Luke
05-27-2010, 05:24 PM
Can I ask why you enclosed the iframe in both a <div> and table? Seems like overkill in layout.
fabzster
05-31-2010, 07:09 AM
aweseom thanks
dieselpowered
06-03-2010, 04:57 AM
Can I ask why you enclosed the iframe in both a <div> and table? Seems like overkill in layout.
I wonder if this is the reason the spacing is different on the top and bottom? Seems the text is closer to the top of the map then the text is to the bottom?
chuckhodson
06-03-2010, 05:29 AM
Cool works great thanks...
leo.prasanth
06-12-2010, 06:43 PM
One question please:
I want to display the name of a place with a placemarker in my map. How do I do that ?
- thanks,
Leo
benstillman
06-14-2010, 02:36 PM
Can I ask why you enclosed the iframe in both a <div> and table? Seems like overkill in layout.
This is based off YBMF's mod for 4.0 (https://vborg.vbsupport.ru/showthread.php?t=234318), but a bit easier for the end user.
I simply modified theirs to fit what I wanted.
CybaGirl
06-25-2010, 02:26 PM
Awesome works well and just what I have been looking for!
Installed on vBulletin v4.0.3 and works perfectly!
Thank you very much!
dieselpowered
06-27-2010, 09:14 PM
Seems I get an error in 4.0.4 PL 1
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
BirdOPrey5
06-27-2010, 09:38 PM
Did you edit or change anything from double quotes " " to single quotes' ' ? Perhaps a double single quote '' ? Looking over the text there is no error on the author's part so either something got changed or your vB is malfunctioning. Perhaps try copying and pasting the replacement again?
dieselpowered
06-27-2010, 10:04 PM
I simply copy and pasted the code right from this page.
BirdOPrey5
06-27-2010, 10:15 PM
I believe you, it's just damned weird, obviously many people have done it without this issue... Although I've never seen this happen before when copying into a vb text box perhaps some extra formating is being copied over for you? Try copying and pasting the code below... if that doesn't work try copying it into a text editor like notepad then re-copy from the editor and paste- that will remove any extra formatting.
<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>
BirdOPrey5
06-27-2010, 10:22 PM
If those still don't work then start removing tags from the text... yes I know it won't work right but it will, hopefully, narrow down exactly what tag is causing the issue... for instance try just:
<div align="center" style="margin: 5px 5px 5px 5px;">
</div>
Do you still get an error? if not try:
<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"></td>
</tr>
</table>
</div>
etc... until you find out exactly what piece of code is causing the error.
If you still get the error on even just a basic <div> </div> tag with no extras then I would look to the custom bb code immediately above this one, perhaps a quote is not closed throwing everything off... I've seen this issue cause havoc with css style sheets, never bb 's code but there's a first time for everything.
dieselpowered
06-27-2010, 10:23 PM
I hear ya...its odd...worked fine with 4.0.3...just getting the error in 4.0.4 PL1 :)
Dragonsys
06-28-2010, 01:43 PM
I hear ya...its odd...worked fine with 4.0.3...just getting the error in 4.0.4 PL1 :)
hmmm working great for me on 4.0.4 PL1 (can see it here - http://forums.texas-fbody.org/portal.php?pageid=tfba)
I would try removing it and reinstalling
dieselpowered
06-28-2010, 01:54 PM
Oh it works fine...just get that error when saving the custom BB code in admincp :)
Dragonsys
06-28-2010, 05:12 PM
Oh it works fine...just get that error when saving the custom BB code in admincp :)
lol oh ok, i missed that part
benstillman
07-06-2010, 04:31 PM
Odd. I just tried it on 4.0.4PL1 and it works fine. Not sure what to tell you on that one.
Wilfred1
07-07-2010, 08:44 AM
I also get the same error in 4.0.4 PL1 - it is the param that is causing it
BirdOPrey5
07-07-2010, 09:32 AM
I see it now on my test install of vb4...
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>
It's perfectly safe to ignore this error and hit continue, I imagine it would happen anytime the {param} is in an http statement, I don't know if this would qualify as another 'bug' or just a poorly thought out 'feature' of vb4.
mimocherry
07-07-2010, 11:58 PM
I like it very much, but can you please help me to make a little change?
when I click on the "A" (destination) it will display the address but no picture. Sometimes the location has a picture, and I would like to display it.
for example, if you put some address in the map.google.com, like the following
Redmond City Hall
15670 Northeast 85th Street
Redmond, WA 98052-3584
you will see a picture, but with your BB code, it will not show the picture :-(
benstillman
07-08-2010, 04:27 PM
I see it now on my test install of vb4...
It's perfectly safe to ignore this error and hit continue, I imagine it would happen anytime the {param} is in an http statement, I don't know if this would qualify as another 'bug' or just a poorly thought out 'feature' of vb4.
Sure enough. Good catch. Yeah, that's not a problem with this but with the way vBulletin is validating the HTML.
benstillman
07-08-2010, 04:30 PM
I like it very much, but can you please help me to make a little change?
when I click on the "A" (destination) it will display the address but no picture. Sometimes the location has a picture, and I would like to display it.
for example, if you put some address in the map.google.com, like the following
Redmond City Hall
15670 Northeast 85th Street
Redmond, WA 98052-3584
you will see a picture, but with your BB code, it will not show the picture :-(
Seems to be working fine for me. I just typed "Redmond City Hall 98052" within the map tags.
BirdOPrey5
07-08-2010, 04:37 PM
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
07-08-2010, 05:01 PM
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
07-08-2010, 06:20 PM
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
07-08-2010, 06:33 PM
A bad example brought a good explanation!
I got it now! thanks!
what a pity. I really like that street view image :-(
benstillman
07-09-2010, 04:57 PM
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
09-24-2010, 05:40 PM
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
09-24-2010, 06:26 PM
How can I modify this to insert any page url into an iframe within any post?
Chris
BirdOPrey5
09-24-2010, 07:53 PM
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.
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
09-24-2010, 08:04 PM
I figured it out and posted it up for folks. Thanks for the help,
Chris
Bergler
11-05-2010, 07:06 AM
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?
BirdOPrey5
11-05-2010, 02:47 PM
I'm using this on my 4.0.8 test board just fine using the original instructions and "Disable Automatic Link Parsing" to YES.
BadgerDog
11-05-2010, 03:43 PM
Tried to set up and save this BBCode for 4.04 but get this error when attempting to save ... :confused:
Can someone fix this code?
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>
Thanks ... :)
Regards,
Badger
BirdOPrey5
11-05-2010, 04:40 PM
You can safely hit "Continue" and ignore that error... it's a bug- the code it correct and safe.
BadgerDog
11-05-2010, 06:45 PM
You can safely hit "Continue" and ignore that error... it's a bug- the code it correct and safe.
Thank you .. :)
Appreciate the feedback ... :up:
Regards,
Badger
dall100
11-25-2010, 10:54 PM
I love this mod and my members do, however it won't work on my frontpage (vbadvanced 4.1) I get a blank square and my left-hand column doesn't show.
(VBulletin 4.8.0)
smirkley
12-04-2010, 09:37 PM
How would I use this to embed the satellite view version instead of road maps.
tia
BirdOPrey5
12-04-2010, 09:46 PM
Try adding &t=h to the embed URL, so the replacement would be:
<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}&t=h&output=embed"></iframe></td>
</tr>
</table>
</div>
smirkley
12-04-2010, 10:29 PM
Try adding &t=h to the embed URL, so the replacement would be:
<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}&t=h&output=embed"></iframe></td>
</tr>
</table>
</div>
THANK YOU !!
Out of curiosity, how many other url configurations are there?
Like if for example, I wanted the satellite view without the streets and labeles.
BirdOPrey5
12-04-2010, 11:58 PM
Go to google maps, make the map how you want it, click on the "link" option to generate the link and look at the long URL it generates. Look at whatever is after "&t=" h=hybrid probably... maybe 's' is satellite only? Make the link and check.
smirkley
12-05-2010, 08:08 PM
Thanks again...
note, found out that "k" is for sat only.
bulldog51981
12-23-2010, 04:24 PM
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?599-Chris-and-Bills-b-day-party-Thur-Dec-9th
Thanks
BirdOPrey5
12-23-2010, 04:37 PM
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
12-23-2010, 04:45 PM
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
12-23-2010, 07:51 PM
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
12-23-2010, 09:36 PM
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
12-24-2010, 12:26 AM
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
12-24-2010, 01:38 AM
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
12-24-2010, 02:59 AM
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 tags around selected text" to something like "place street address between [map] and "?
BirdOPrey5
12-24-2010, 04:12 AM
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
01-21-2011, 03:29 AM
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?
Videx
01-23-2011, 12:07 PM
FWIW, I finally got around to using Bing maps by changing the src line (the Google road names are still incorrect in my area). But I can't figure out how to automatically close the task area on the left. Oh well, this should hold me until Google gets around to correcting their map."http://www.bing.com/maps/default.aspx?encType=1&where1={param}&output=embed"
BirdOPrey5
01-23-2011, 12:47 PM
Just an fyi the "&output=embed" is just being ignored by Bing Maps, they don't have that option best I can tell. You are embedding the real Bing Maps page, the same one if you just went to the link.
The way to make Bing maps embedded is here: http://www.microsoft.com/maps/isdk/ajax/
But its complicated Javascript and only works based on latitude/longitude... there is no way to put a street address ans get and embedded map.
myke2008
01-30-2011, 06:49 PM
Is there a way to stop the map from showing in the resent forums post widget?
Videx
01-30-2011, 10:41 PM
Odd, my Recent Posts widget doesn't show the contents of the post, only the thread name and some other info. I think I'm using the built in one. Is this some modified widget? Do you have a link?
myke2008
02-01-2011, 09:18 PM
I just avoid using this mod in the forum, I wanted to use it in the articles mostly anyway. I will just have to remove it if I can't find a way to block it out of the widget or a way to set permissions on it.
Videx
02-01-2011, 11:41 PM
If you completely ignore questions then nobody can be of any help.
myke2008
02-03-2011, 12:18 PM
If you completely ignore questions then nobody can be of any help.
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?
BirdOPrey5
02-03-2011, 12:37 PM
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?
There is a mod "Advanced BBCode Permissions" for 3.x that still works fine on 4.x and allows you to enable or disable each BB Code per usergroup.
https://vborg.vbsupport.ru/showthread.php?t=122942
Videx
02-03-2011, 02:23 PM
But if you disable everyone's permission to see the map bbcode, then what would be the point of using it?
I'm still not understanding why your Recent Posts widget shows entire posts and not just summaries like mine does. It seems to me that with the limited space in a sidebar you'll quickly fill the widget with a single post, making it useless.
Also, articles shouldn't be showing up in Recent Posts anyway, but that's a different subject entirely.
morrow
02-04-2011, 02:19 AM
Is there a way I can create a widget for this for the CMS? See... I'd like to be able to add pinpoints and stuff to a google map. For example... I have a New York page. Within the NY page, I have say 6 restaurants and 2 pizza places. I'd like to have all of these displayed within a widget.
Thanks
hoatran
02-22-2011, 03:35 PM
Oh my God, you are the hero man...
Cigarcritic
03-07-2011, 04:07 PM
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.
Thank you!!!! That corrected my issue with a narrow map in Firefox.
The Fathom
03-10-2011, 08:36 AM
I am getting a 404 when trying.....
USing version 4.1
The Fathom
03-10-2011, 08:42 AM
Ok it works for 50%. USed Disable Automatic Link Parsing Within This BB Code and now i see it. But it only fills 50% of the frame :)
The Fathom
03-10-2011, 08:46 AM
And replacment 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>
And it works fine for 4.1! Awesome mod!
giaguaro
03-12-2011, 12:23 PM
hi.
I tried it on my site, it says: {param}it's no good.It seems it wants " .
Could help me? thx!!
EDIT: IT WORKS THE SAME :) thx, great mod.
How to have different measure?
And: how to let the user calculate his road to the place?
fulviods
03-30-2011, 01:13 PM
I need a thread per street with a google map inside. But also a general google map with a link to all the street-threads. How can i do that? Thanks!
Videx
04-01-2011, 01:48 AM
I suppose there's nothing stopping you from doing it manually. I sure can't imagine software that would automatically scan a map and create a subforum for each street on it. Or a thread, though I don't know what good a single thread per street would do.
Thanks for the code, seems to be working fairly well. Only problem I have is that it displays on my forum like this and not in "full screen". I made changes to the HTML code Google gives you in the 'Share' Option but made it worse. Anyway to make it wider?
https://vborg.vbsupport.ru/external/2011/04/53.jpg
Installed / 4.1.1
BirdOPrey5
04-02-2011, 08:47 PM
Thanks for the code, seems to be working fairly well. Only problem I have is that it displays on my forum like this and not in "full screen". I made changes to the HTML code Google gives you in the 'Share' Option but made it worse. Anyway to make it wider?
https://vborg.vbsupport.ru/external/2011/04/53.jpg
Installed / 4.1.1
I posted code in Post #64 that should resolve this issue.
I posted code in Post #64 that should resolve this issue.
Thank you, that did the trick! Sorry for not reading the whole thread, I skimmed right over that post.
Works great.
hoadiem
04-03-2011, 12:05 AM
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>
click continue and tested look like it just show me the full US map not the address i put in the tag
BirdOPrey5
04-03-2011, 01:24 AM
The warning about the properly formed code can be ignored. It has nothing to do with your problem.
You either have an address google maps can't find, so it reverts to the USA map, or sometimes google maps just doesn't work... come back to it in 15 minutes and it will probably be fine. I've only seen the USA map about 5 times over 2 years I've used this code. (I know this was released Feb 2010, I had an older version before this one.)
Blackhat
04-03-2011, 01:35 AM
is there a way to unsubscribe without logging in ?
benstillman
04-04-2011, 02:46 PM
is there a way to unsubscribe without logging in ?
Unsubscribe from a map???
ne_ne
04-04-2011, 05:03 PM
hey I am having issues, with the getting the BB Code to work.. I am running 4.1.1 vbulletin and on replacement code it just saves fine, but shows me a cut down version of my homepage in the BB Code manger??
help? I am unsure what to do..
fulviods
04-04-2011, 05:25 PM
I suppose there's nothing stopping you from doing it manually. I sure can't imagine software that would automatically scan a map and create a subforum for each street on it. Or a thread, though I don't know what good a single thread per street would do.
Too long manually. Imagine in a city how many streets...
I need it automatically...
BirdOPrey5
04-04-2011, 08:11 PM
hey I am having issues, with the getting the BB Code to work.. I am running 4.1.1 vbulletin and on replacement code it just saves fine, but shows me a cut down version of my homepage in the BB Code manger??
help? I am unsure what to do..
I don't know what you mean "cut down version" - if you mean it doesn't take up the whole size of the box that question has literally be answered like 5 times in the previous few posts. If you mean something else maybe a screen shot would help?
Videx
04-19-2011, 03:55 PM
Finally! Now I can go back to Google. I hope.
Tuesday morning (4/19/11), Google made its Map Maker feature available in the U.S., allowing anyone to edit and approve changes to Google Maps.http://www.washingtonpost.com/blogs/faster-forward/post/google-launches-map-maker-in-the-us/2011/04/19/AFN43l4D_blog.html?wpisrc=nl_tech
rari2003
04-21-2011, 08:10 PM
Real cool Stuff! Many thank's for this! May be it could be usefull to add hints like this below to the main Thread? It may save time :D
Try adding &t=h to the embed URL, so the replacement would be:
<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}&t=h&output=embed"></iframe></td>
</tr>
</table>
</div>
fwulfers
06-22-2011, 09:07 PM
Great mod, works perfect on 4.1.4.
Is it possible to add waypoints to a map?
spillage
08-27-2011, 02:04 PM
Working great for me also (4.1.5).
Is there a way to set the initial zoom level?
BirdOPrey5
08-27-2011, 03:41 PM
Working great for me also (4.1.5).
Is there a way to set the initial zoom level?
At the end of the URL in the replacement, after embed add the code:
&z=10
where 10 is the zoom level, appears to be a number between 1 and 20, the higher the number the closer you are zoomed in.
spillage
08-29-2011, 01:09 AM
Thanks Joe.
mmoore5553
11-22-2011, 06:16 PM
I am not seeing the map icon in quick reply or advanced. Is there a way to add it .
BirdOPrey5
11-22-2011, 10:34 PM
I am not seeing the map icon in quick reply or advanced. Is there a way to add it .
You have to download the icon from this thread, upload it to your /images/whatever directory, and then set the path to the image in the bbcode options for it to show on the editors.
mmoore5553
11-22-2011, 10:41 PM
thanks mate I got it working just not showing up in group editor which i am trying to figure out how to add it there
jacobsen1
12-09-2011, 05:09 PM
I'm having an issue embedding this map: http://maps.google.com/maps/ms?msid=210793526737592423573.0004b3a9a0e0cb7fc782 2&msa=0
not sure why but it won't show the right area or any of the markers when I use the [map] codes... Any suggestions? I'm using 4.0.8.
Here's the thread in question: http://newschoolofphotography.com/new-england/34616-newport-ri-%40-christmas.html
thanks.
Videx
12-09-2011, 06:16 PM
I'm having an issue ...I see two Google embedded maps in FF. The first has markers. I guess you fixed it? Or maybe a cache issue?
edit: Okay I think I see what you're asking. That really is a fancy looking map at http://maps.google.com/maps/ms?msid=210793526737592423573.0004b3a9a0e0cb7fc782 2&msa=0 . I don't see why it shouldn't embed.
jacobsen1
12-09-2011, 07:21 PM
I see two Google embedded maps in FF. The first has markers. I guess you fixed it? Or maybe a cache issue?
my site has one in the header, it's got tags on it yes.
edit: Okay I think I see what you're asking. That really is a fancy looking map at http://maps.google.com/maps/ms?msid=210793526737592423573.0004b3a9a0e0cb7fc782 2&msa=0 . I don't see why it shouldn't embed.
right, but it doesn't... why? ugh.
GeorgeB85
12-09-2011, 07:37 PM
I dont see no button image attached.
GeorgeB85
12-09-2011, 07:53 PM
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
12-09-2011, 09:21 PM
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
12-09-2011, 11:22 PM
I dont see no button image attached.
It's the small image under "screen shots"
https://vborg.vbsupport.ru/attachment.php?attachmentid=112112&stc=1&d=1265920536
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
12-09-2011, 11:57 PM
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
08-17-2012, 12:05 PM
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
08-17-2012, 09:43 PM
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
08-17-2012, 10:49 PM
Try this...
Example: Brisbane, Queensland, Australia
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
08-18-2012, 12:46 AM
Try this...
Example: Brisbane, Queensland, Australia
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. :confused:
Mr_Running
08-18-2012, 08:55 AM
Check BB Code Manager...is BB Code and HTML both
Brisbane, Queensland, Australia
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 :)
Arrogant-One
08-20-2012, 04:02 AM
Check BB Code Manager...is BB Code and HTML both
Brisbane, Queensland, Australia
I don't know what you mean. Here is a screen shot.
Arrogant-One
08-20-2012, 04:05 AM
with the exception of Use {option} which is to be set to No.
Seems this was the problemo. Mod working perfectly now, thanks. :)
karabaja3
10-08-2012, 05:46 PM
Will this work on vB 3.8.7.?
Edit: sorry. Found: https://vborg.vbsupport.ru/showthread.php?t=235621
byker_tr
10-31-2012, 02:48 PM
Try this...
Example: Brisbane, Queensland, Australia
Replacement:
<iframe width="75%" height="400" frameborder="0" scrolling="no" marginheight="" marginwidth="" src="http://maps.google.com/maps?q={param}&output=embed"></iframe>
original code did not work for me, but this one works.. thanks :up:
Fongool
11-04-2012, 02:11 AM
Will this work on VB 4.2?
This would be perfect for my forum.
F
Mr_Running
11-04-2012, 08:18 PM
Yes
Fongool
11-05-2012, 10:26 AM
Thank you..
F
Fongool
11-05-2012, 11:08 AM
I uploaded the button and even re-sized it to 16X16 and I have the path correct but the button will not show...I am using Twisted Dark as my skin (theme) and I added the button to both the Twisted Dark editor and the public html editor and I tried both path's but it still will not load...any idea's?....it has the button there, (blank) and when I hover the cursor over it it says" wrap MAP tags around text) but even after I put the path in (and I tried both paths for the default skin editor and the Twisted Dark editor) and it just shows the image of the separator in the ACP under "Button Image"....I re-sized the images from 20X20 to 16X16 like it said in the ACP, but still no image...see attached thumbnails...Other than that, the map works great!...I just need to get the button to show up...
F
EDIT:
Nevermind...I solved it...I had /public html in the path...I took it out and now all is good...Thanks
F
Thanks for the mod/bbcode, it is very cool.
I am having an issue with my site that affects this mod that I just cannot get to the bottom of.
For some reason my maps are only sizing to about 30% of the width of a post area instead of the full post area shown in the Mod sample. Also when I change the value of the width to something lower than 100% it only acts to move the map across the page like an alignment property.
In general my site has had issues with any use of the width property...no problems with height. I've gone through my settings and can't figure out what is doing this. I've also changed my themes to see if that effected it, nope. I'm betting the answer is probably something really simple I am overlooking, but I have overlooked now many times, help is appreciated.
Ideally I would like to be able to create a map 400X400px (or 300X300px with the ' google maps info balloon suppressed').
It's running vBulletin 4.2.0 (3)
Thanks.
Mr_Running
02-14-2013, 01:48 AM
OhP are you using the mods Replacement code? If so check this thread...perhaps use Replacement code in post #124 :)
Thanks Mr_Running. Works great now.
Gotta read these posts more carefully.
Delfi_r
02-15-2013, 09:48 PM
Installed the original code and worked, but the replacement is better
Charis
02-16-2013, 05:38 AM
Thanks.
This code <iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q={param}&output=embed"></iframe> works perfect with 4.2 PL3.
john7911
02-16-2013, 03:21 PM
Thank you :)
Jester1423
02-16-2013, 05:57 PM
I installed this BB code and now all of my editor buttons are not showing. Any ideas
Mr_Running
02-16-2013, 06:19 PM
Advise erase it, see if that fixes it, and try again...what replacement code are you using?
Jester1423
02-16-2013, 06:19 PM
Advise erase it, see if that fixes it, and try again...what replacement code are you using?
I used the original code. I deleted the bbcode and still no good? I am lost LOL
I deleted the code is there anything else i need to do?
Mr_Running
02-16-2013, 06:27 PM
Try This (https://vborg.vbsupport.ru/showpost.php?p=2357754&postcount=118)
Admin CP --> Custom BB Codes --> Add New BB Code
Title: Map
BB Code Tag Name: map
Replacement:<iframe width="75%" height="400" frameborder="0" scrolling="no" marginheight="" marginwidth="" src="http://maps.google.com/maps?q={param}&output=embed"></iframe>
Example: Brisbane, Queensland, Australia
Description: This will insert a Google map of the location you input
Use {option}: No
Button Image (Optional): whatever image you want
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
Jester1423
02-16-2013, 06:33 PM
Try This (https://vborg.vbsupport.ru/showpost.php?p=2357754&postcount=118)
Admin CP --> Custom BB Codes --> Add New BB Code
Title: Map
BB Code Tag Name: map
Replacement:<iframe width="75%" height="400" frameborder="0" scrolling="no" marginheight="" marginwidth="" src="http://maps.google.com/maps?q={param}&output=embed"></iframe>
Example: Brisbane, Queensland, Australia
Description: This will insert a Google map of the location you input
Use {option}: No
Button Image (Optional): whatever image you want
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
OK any ideas how to get all the buttons back?
Mr_Running
02-16-2013, 06:39 PM
Did you delete the Map bbcode to see if it came back?
Jester1423
02-16-2013, 07:06 PM
Did you delete the Map bbcode to see if it came back?
Yes its deleted and they never came back
Mr_Running
02-16-2013, 09:04 PM
I don't believe this has anything to do with bbCodes and is a little off topic but...
Make sure this is on your server...
images/editor/sprite.png
If you are using non-standard Image Path setting for custom styles, please make sure you upload that file to the appropriate 'editor' for your custom style.
Perhaps start a thread on vbulletin .com (https://www.vbulletin.com/forum/forumdisplay.php/153-vBulletin-4-Questions-Problems-and-Troubleshooting) about your issue
Edit: Never-mind I see it's fixed (https://vborg.vbsupport.ru/showpost.php?p=2404677&postcount=7)
Delfi_r
02-20-2013, 06:05 PM
Installed the first code and all was working, but the second one is nicest!
vB4.20
s_cocis
03-04-2016, 05:31 PM
very good !! Thank you
vb 3.8.9 ok !
vb 4.2.2 ok !
Cem01
12-26-2016, 01:23 PM
a kind of html error has ocurred in adding bbcode page in admin panel. Nevertheless bbcode works great on vb 4.2.3
Thanks!
clauz
05-29-2017, 11:09 AM
Hello . There is a way to see also embedded Google Street view with this mod?
BirdOPrey5
05-30-2017, 08:20 AM
Short answer is no.
scottkoz20
05-30-2017, 09:36 PM
marking this for later --- I can get this to load on my dev site, but not my main site....
HM666
12-13-2018, 06:14 AM
Awesome! Works in 4.2.5! :)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.