Community Member Pinmap

[apokalupsis]

I've been looking for a feature like this for my community for years. One way to do it is just to use PhotoShop to "star" locations on maps where you know your members live in the world. This can be a pain however. And it's only mildly interesting to your other members.

Here is a free interactive Pinmap (Guestmap) from Bravenet.com that I thought some of you may enjoy. Of course, you'll need to register for your free account at www.bravenet.com, then set up your pinmap first.

When you do so, select 'alternate' code for sites that do not allow javascript. Otherwise, you'll only see a "button" on your site that creates a pop-up. If you want to use a sideblock, use that. If you want to use a centerblock, use the alternate code. The result will look like this: Click me for Apok's Community Pinmap (http://www.onlinedebate.net/index.php?page=pinmap)

I've tried to make this as simple as I possibly could for those new to CMPS.

1) Create your free account with Bravenet.com (don't worry, they do not share your info or email w/ anyone).
2) Create your free Guestmap.
3) Create your template: adv_portal_pinmap

Remember, this is for a Center Block

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%">
<tr>
<td align="left" height="5" valign="top">
<p>ODN is a very diverse community with members from all over the globe. Here are some of the locations of our current community members.

If you are a community member, please "pin" your location on the map. See the opening pop-up window for instructions on how to use the map.
</p>

{insert your Bravenet Guestmap code here}


<center>
<p>{enter your closing message if any}</p>
</center>
</td>
</tr>
</table>

4) Create your PinMap Module
Be sure to select center column

5) Create you new PinMap Page

Also, if you want a border around your Pinmap area, just replace this code:

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%">

With this:


<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">

It just adds the "tborder" class.

Much of this assumes you already know how to create modules and pages. If not, and you are brand new to vBadvanced, we'll help with that. ;)

Enjoy!

*NOTE* Please see Post #12 below for details on the code. It's been cleaned up and made easier to understand.

[tomshawk]

Question, if you look at my page, All I see is 2 buttons to pin

http://www.tomshawk.com/index.php?page=guestmap

This is my code from bravenet


<!-- Start Bravenet.com Service Code -->
<div align="center"><a href="javascript:void(0)"
onclick="window.open('http://pub32.bravenet.com/guestmap/show.php?usernum=xxxxxxxxxxx&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1','bnetguestmap','toolbar=0,location=0,directories=0,status=0,menubar=0 ,scrollbars=0,resizable=0,width=720,height=470,top=110,left=110')">
<img src="http://assets.bravenet.com/cp/guestmap.gif" border="0" title="Free Guestmap from Bravenet.com" alt="Free Guestmap from Bravenet.com" /></a>&nbsp;<a href="<A href="http://www.bravenet.com"><img">http://www.bravenet.com"><img src="http://assets.bravenet.com/cp/bn-guestmap.gif" border="0" title="Free Guestmap from Bravenet.com" alt="Free Guestmap from Bravenet.com" /></a>
</div>
<!-- End Bravenet.com Service Code -->

I assume it is the Javascript window.open that is causing this, as the post button opens the right page.

Could you help me with this?

[Our Sponsors]

[apokalupsis]

Sure. From the first post:

When you do so, select 'alternate' code for sites that do not allow javascript. Otherwise, you'll only see a "button" on your site that creates a pop-up. If you want to use a sideblock, use that. If you want to use a centerblock, use the alternate code.
hehe ;)

Go to Copy/Paste Code area. The "alternate" code to use is right below the code you actually used.

[apokalupsis]

btw, I see that you use Humpa Chess on your site. I used to, but found it had many flaws/drawbacks. Check out: www.onlinedebate.net/chess/

Login: demo
Password: pass

Comes complete with a scoreboard/rating system for the community, PGN output, very involved Help section. I haven't got it ported to vbAdvanced yet. But I threw up a header/footer file to make it seem as if it is still integrated w/ the site. Not done w/ the integration.

[Our Sponsors]

[mholtum]

You dont have to create a module if you dont want to, the page will work without.

[tomshawk]

I tryed the Alternate way too, and it did not work either, same thing, a button that opens the map

Look again to see what I mean, this is with the alternate code

http://www.tomshawk.com/index.php?page=guestmap

I'll look into the chess game, thank you.

Never could get it integrated into the site :p

[apokalupsis]

You dont have to create a module if you dont want to, the page will work without.
How can you integrate it w/o a module?

[mholtum]

How can you integrate it w/o a module?
I did it. http://www.ravensrealm.net/index.php?page=map To create a page, you do not have to create a module. Just a template. You will be using a popup window, or pulling off their server...

[apokalupsis]

but how is your page calling up the template?

(tom, I'm workin' on it now for you). ;)

[apokalupsis]

mholtum, nvm, I see. But that's not what I have. Your map isn't integrated. Look again at my link above. Your way won't integrate it properly.

[mholtum]

mholtum, nvm, I see. But that's not what I have. Your map isn't integrated. Look again at my link above. Your way won't integrate it properly.
Yea I saw that.. How did you create your module and what are your page properties?? I like your way better.

Mike

[apokalupsis]

*note* Code updated to be more streamline and user friendly. Just change what is bold below for your own site.

I had to use an iframe...use this for the entire template code:


<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%">

<p> {Welcome Message here}
</p>


<div align="center">
<iframe width="100%" FRAMEBORDER="0" SCROLLING="no" height="500" src="http://pub##.bravenet.com/guestmap/view.php?usernum=########">

<a href="javascript:void(0)" onclick="window.open('http://pub##.bravenet.com/guestmap/show.php?usernum='.$App->Client->GetOption("usernum).'&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1','bnetguestmap','toolbar=0,location=0,directories=0,status=0,menubar=0 ,scrollbars=0,resizable=0,width=720,height=470,top=110,left=110')">
<img src="http://assets.bravenet.com/pub/guestmap.gif" style="width: 100px; height: 35px; border: 0px;"></a>

</iframe>
</div>



<center>
<p>Use the <a href="vboptions[bburl]/sendmessage.php">contact page</a> if you have any questions regarding this feature.</p>
</center>

</table>


Your "path to guestmap" will look kinda funky. For example, mine is:
http://pub49.bravenet.com/guestmap/show.php?usernum=4131711355


My module is just like any other module. Set for "center" and references the above template name.

My page only has the "pinmap" on in the center, and has my usual right column blocks on as well. It is set to the default settings.

[apokalupsis]

Code updated. Copy/paste that into your template, making changes to your "welcome text", map url, and "closing text" as needed.

mholtum, this is what yours will look like:

http://www.onlinedebate.net/index.php?page=raven

[tomshawk]

*note* Code updated to be more streamline and user friendly. Just change what is bold below for your own site.

I had to use an iframe...use this for the entire template code:


<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%">

<p> {Welcome Message here}
</p>


<div align="center">
<iframe width="100%" FRAMEBORDER="0" SCROLLING="no" height="500" src="http://pub##.bravenet.com/guestmap/view.php?usernum=########">

<a href="javascript:void(0)" onclick="window.open('http://pub##.bravenet.com/guestmap/show.php?usernum='.$App->Client->GetOption("usernum).'&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1','bnetguestmap','toolbar=0,location=0,directories=0,status=0,menubar=0 ,scrollbars=0,resizable=0,width=720,height=470,top=110,left=110')">
<img src="http://assets.bravenet.com/pub/guestmap.gif" style="width: 100px; height: 35px; border: 0px;"></a>

</iframe>
</div>



<center>
<p>Use the <a href="vboptions[bburl]/sendmessage.php">contact page</a> if you have any questions regarding this feature.</p>
</center>

</table>


Your "path to guestmap" will look kinda funky. For example, mine is:
http://pub49.bravenet.com/guestmap/show.php?usernum=4131711355


My module is just like any other module. Set for "center" and references the above template name.

My page only has the "pinmap" on in the center, and has my usual right column blocks on as well. It is set to the default settings.
This worked perfectly, with the size, it'd be hard to have it sit with sideblocks, but...

It works, ;) Thank you very much

P.S. Let me know if you decide to release the chess module.

I'd love to take a look at it.

The reason I use the Humpa chess, is the graphics.

The 3D Graphics and look is easily the best.

[mholtum]

Thanks bud for all the help

[apokalupsis]

np guys. Also, I'm working on the shoutbox modification...I'll post that one too when it is ready (I still can't believe that no one has made one specifically for vba).

[tomshawk]

np guys. Also, I'm working on the shoutbox modification...I'll post that one too when it is ready (I still can't believe that no one has made one specifically for vba).
I blew up the Links' shoutbox on my site, back in Gamma, and now I cant get it to reinstall or uninstall, so...

Anyway, which shoutbox mod are you working on?

[apokalupsis]

I've been testing about 10 of them. I'm messin' with PaBox now. http://www.onlinedebate.net/index.php?page=test

[tomshawk]

I just posted to it.

It seems it is coming along. Keep up the good work ;)

[mholtum]

I've been testing about 10 of them. I'm messin' with PaBox now. http://www.onlinedebate.net/index.php?page=test
I tried that one awhile ago and couldnt get it to fit in the module as well as you did. I guess I aint got no skills! :o

[apokalupsis]

naw....just late nights and much tinkering w/ the tables. ;) It still isn't right. The shoutboxes I've tested, have all been lacking...perhaps I'm just accustomed to vbPportal's vb2 shoutbox too much. :(