Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Google Maps - Hot Spots - Events for vbaCMPS Details »
Google Maps - Hot Spots - Events for vbaCMPS
Mod Version: 1.00, by KevNJ (Member) KevNJ is offline
Developer Last Online: Jun 2013 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.1 Rating: (1 vote - 5.00 average) Installs: 11
Released: 26 Mar 2006 Last Update: Never Downloads: 21
Not Supported Template Edits Code Changes  

This is my first contribute to everyone here so if you could click install so that i further add to this.


Here is a LIVE working demo.
minus the added pictures and colored markers which is an addiontal install. Insutructions listed below.

http://www.jerseyparties.com/index.php?page=googlemap

Im using this with vb 3.5.1 and vbadvanced cmps 2.1

Google Maps with Hot Spots - Events for CMPS

******** You will need your own Google API Map Key for this to work. You can get it by going here:http://www.google.com/apis/maps/signup.html

***Install: Add a module as you normally would, and copy the below into the template content.

To create a module
vBa CMPS > add module > template > then give it any title you want and display order
Then give it a name I called my "googlemaps" so the name is now "adv_portal_googlemaps"

******** note google maps do slow down load times *********

Copy the below and place it into the template content.


After you have your Google API Map Key enter it where it says "Enter_Your_Key_Here " Should be around line 7 or so.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Convert an Address to Latitude & Longitude
Ive been using this site to convert an address to the proper latitude and longitude.
http://stevemorse.org/jcal/latlon.php - for US locations
http://www.geocoder.ca/ - for Canadian locations


Adding Different color markers.

If you want to add different color markers, line 10 should read:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Under that add
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Change the number for each different marker you want. So the more different marks you want youll have to add that line and change the number as well as the coded below.

Then after you have added that you will need to add this: This will have to be added for each marker you add.

Add this right below the first marker. Should be around line 46 or so.

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now see where it says "large_yellow_marker.png" and "large_yellow_marker_shadow.png" You will need to input your own markers there, full url if needed.

Each time you want to use a different marker you have to call to that variable/marker. So in the example I have:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You would chang the icon0 to icon1 so it would read like this.

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Adding Images to the pop up windows.

You can add image to the pop up windows as well. See picture attached.
In a call to variable where it says:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Right after

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and before
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You can edit that as if you were doing a regular html page.

To add this to its own CMPS Page
Follow these directions and skip number 7, because I set this up as a template file and not a php file.
http://www.vbadvanced.com/membersare...tid=4&pageid=6

Then whatever you called your page in the immediate above directions from vbA under "page identified" ( i used googlemap ) edit your navbar and inclue
to a link to that page.
Mine is

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

replace googlemap with whatever you called your page under page identifier.



*** added screen shots ***
First shows the installed look.
Second picture shows the popup window when a marker is clicked
Third shows the addiontal useage of colored markers. Code is listed above but not in the orginal install.
Fourth Picture shows the popup window with added images. How to is listed above but not in the orginal install.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	map_screenshot.jpg
Views:	484
Size:	219.3 KB
ID:	44822   Click image for larger version

Name:	mapscreenshot.jpg
Views:	294
Size:	214.7 KB
ID:	44823   Click image for larger version

Name:	mapshot.jpg
Views:	220
Size:	231.7 KB
ID:	44824   Click image for larger version

Name:	webshot2.jpg
Views:	286
Size:	215.9 KB
ID:	44826  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #46  
Old 11 Aug 2006, 21:05
Eddie Raps Eddie Raps is offline
 
Join Date: Jul 2006
When I attempt to add a 4th marker the map doesnt load for some reason.. I copied and pasted everything exactly the same.. I got 3 to work fine, but when I go to add the 4th it wont load.. any ideas?

Please PM me, thanks..
Reply With Quote
  #47  
Old 19 Aug 2006, 18:58
KevNJ KevNJ is offline
 
Join Date: Jan 2005
Red face

Originally Posted by Eddie Raps
When I attempt to add a 4th marker the map doesnt load for some reason.. I copied and pasted everything exactly the same.. I got 3 to work fine, but when I go to add the 4th it wont load.. any ideas?

Please PM me, thanks..

find

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

below that copy and past this


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


see where it says

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

For every new marker/location/spot you want you need to change the 0 to a number... 1,2,3,4,5,6 etc.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

refers to the coordinates of this location.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

is the marker they will be shown when the location is loaded.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

is the name of the location

the rest
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

is to show in a popup window and does not have to be included.
Reply With Quote
  #48  
Old 20 Aug 2006, 22:51
Eddie Raps Eddie Raps is offline
 
Join Date: Jul 2006
i did that and its still not working
Reply With Quote
  #49  
Old 21 Aug 2006, 02:45
KevNJ KevNJ is offline
 
Join Date: Jan 2005
post your coding please
Reply With Quote
  #50  
Old 14 Nov 2006, 13:25
phonexpo's Avatar
phonexpo phonexpo is offline
 
Join Date: Sep 2005
Location: Dublin
Real name: Patrick
Re: Google Maps - Hot Spots - Events for vbaCMPS

Hi Kev,

Would this code work with 3.6.0 ?

Thanks,

Patrick
Reply With Quote
  #51  
Old 19 Jun 2009, 15:31
Qwest Qwest is offline
 
Join Date: Jun 2004
Does this work in 3.8?
Reply With Quote
  #52  
Old 23 Jun 2009, 04:38
wacnstac wacnstac is offline
 
Join Date: Nov 2001
I am also very interested in this hack!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 13:19.

Layout Options | Width: Wide Color: