VBGooglemap Member Edition

I'm proud to announce that the new version is currently available to you all !!!


You can now nominate hacks yourself for hacks of the month. There is a link on the right of hacks on top of the files.



Function
This will display the members of the Bulletin Board based on their lattitude and longitude coordinates on a googlemap.

Don't forget to hit install !!!!!!!
Please read the guide before asking for support !!!!!!!

Feel free to support this mod and make a paypal donation to admin@stonyarc.com

INSTALL

HOTSPOT EDITION AVAILABLE ON : https://vborg.vbsupport.ru/showthread.php?t=114149
Detailed installation instructions and screenshots in the included pdf file.

Current Features



NOTE:
VBGooglemap 3.0.0 contains the vulnerability fix. Please upgrade immediately. Version 3.0.0. also contains all features from 2.5.X

As always you use modifications at your own risk.

VBGooglemap Member Edition 2.5.1 brings you a lot of new features. It?s vital that you uninstall any previous version before upgrading/installing version 2.5.1.

Upgrading from version 2.5.0 is easier. Instruction are available in the guide.

As the uninstall function will not remove your googlemap data in the database but only the templates and files you can safely remove an older version. As a precaution you should always take a backup. This should be done on each major change you make to your bulletin board.

IF YOU ARE RUNNING VERSION 1.0.3, 2.0.X AND YOU CHANGED TEXT DIRECTLY IN THE TEMPLATES YOU NEED TO SAVE YOUR CHANGES AS VERSION 2.5.0 REQUIRES YOU TO UINSTALL PREVIOUS VERSIONS.

This has taken quite some work and still will take a lot more. Please give credit where credit is due. You cannot remove any notice without prior written permission.

Changes in this version

SEE FIRST POST FOR FULL ROADMAP AND HISTORY

Planned Features
- TBD

Volume warning

high volume of users may slow down the load. Currently a load counter is included.

Languages

Thanks to Wachtmeister there is a German translation available to you all. Feel free to use it.

The translation will be updated on each new version.

Special

- Read the attached PDF for more information. The pdf is also included in the zip file.
- You'll need a googlemap key for your domain. Get your own key for your domain view http://www.google.com/apis/maps/signup.html for more information.
A googlemap key is only valid for a specific domain. You'll need a specific google account to create one.
All is explained on the googlemap link indicated above.
- Set the file permissions on the marker.xml file to 777
- The googlemap script can handle non-registered users. They will only see the main map and won't be able to enter information. This is reserved for logged in users (detected automatically)
- usergroup permissions are available in the backend
- To change location just drag the map while holding the left mouse key or by using the zoom and key functions on the left
- First time loading of the map may take a few seconds longer because of Google API hosting


Special Xbox Live version
http://www.xboxlivenation.com/community/gamermap.php

Credits

This has taken quite some work and still will take a lot more. Please give credit where credit is due. You cannot remove any notice without prior written permission. Instructions are included in the pdf file (vbgooglemap2.5.0_guide.pdf)
Special credits to Google, Pyg for the javascript tips.


FAQ

The FAQ is included in the pdf file.

INSTALL



Feel free to support this mod and make a paypal donation to admin@stonyarc.com



(c) 2007 Stonyarc

[pooslokka]

Thank you just installed Great pluging cheers.
i have few problems.
i feed very had to go each post in this thread and find my question has been answered or not.

My qestion is :

1. I want the White Tool Tip like stuff that contain the user location information auto appear insted of on clicd on the marker. coz it confuses.

2. is there a way to limit the size of the picture allowed?

Marked as install and nominated :thumb:

[lpetrich]

To make the info bubbles only appear when clicking on a marker, go to

Admin CP > Vbgooglemap ME > ME Settings > Enable the mouseover support on the markers?

For setting the maximum size of an image, one would have to edit product-vbgooglemapme.xml

Line 550:
var content2 = "<img width=\"$gmimagemax\" border=\"0\" src=\""+pimage+"\"></a>";

I'm thinking of something like
var content2 = "<img style=\"max-width: $gmimagemax; max-height: $gmimagemax\" border=\"0\" src=\""+pimage+"\"></a>";

The picture will get displayed, but would get shrunken in both dimensions to fit a maximum-dimension square. That dimension is set in ME Settings as

Default width for the balloon on marker

And after editing product-vbgooglemapme.xml be sure to reinstall it.


For some additional fixes, do some more editing of product-vbgooglemapme.xml:

To make mousing over only show the username, change:

Line 550:
var marker = new GMarker(point, icon);
to
var marker = new GMarker(point, {icon:icon, title:username});

BTW, the former syntax for the GMarker constructor is now deprecated. What I substituted for "icon" is a GMarkerOptions object, which is a JavaScript property list.

To enable mousewheel zooming and terrain display, add these lines:

map.enableScrollWheelZoom();
map.addMapType(G_PHYSICAL_MAP);

after the following lines:

Line 598:
map = new GMap2(document.getElementById("memap"),$map_type);
Line 855:
map = new GMap2(document.getElementById("mapme"),$map_type);
Line 1129:
map = new GMap2(document.getElementById("mapme"),$map_type);

Fix of marker appearance in edit mode:

Line 863:
map.addOverlay(new GMarker(point, icon));
to
map.addOverlay(new GMarker(point, {icon:icon}));

Line 877:
map.addOverlay(new GMarker(point));
to
map.addOverlay(new GMarker(point, {icon:icon}));

Fix of marker position on map:

Change all occurrences of

icon.iconAnchor = new GLatLng(...);
icon.infoWindowAnchor = new GLatLng(...);

to

icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(8, 1);

Coordinates are left-to-right, top-to-bottom.

There are several improvements that I didn't bother to try to make:

• Adding a "terrain" option to the possible default views (may require hunting through several files)
• Adding draggability in edit mode
• Making edit-mode recentering optional

But if you people are interested, I could try to make them.

To add draggability you set draggable:true in the marker's options, then set up a GEvent listener that gets the "moveend" event and updates the displayed position accordingly. The reason that it was not originally present was because vbGoogleMap had originally been coded for an older version of the Google Map API that had lacked this and several other convenient features.

[lpetrich]

I've gone ahead and implemented this fix:

Centers an image in the info balloon's "Image" tab. If the image is larger than the maximum allowed size in either direction, then it will be rescaled to fit.

In product-vbgooglemapme.xml

Line 550:
var content2 = "<img width=\"$gmimagemax\" border=\"0\" src=\""+pimage+"\"></a>";
to
var content2 = "<img style=\"max-width: {$gmimagemax}px; max-height: {$gmimagemax}px; display: block; text-align: center; margin: auto; vertical-align:middle\" src=\""+pimage+"\">";

-

I've also tracked down the code for selecting the default map type; I will be posting it when I implement it.

[lpetrich]

Fix: added the ability to choose "Terrain" as a default map type:


In vbgooglemapme_admin.php

After line 39:
'3' => 'Satellite',
add
'4' => 'Terrain',


In vbgooglemapme.php

After line 73,
change
if ($maptype == 1)
{
$map_type = "{mapTypes:[G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]}";
}
...
}
to
switch ($maptype) {
case 1:
$map_type = "G_NORMAL_MAP";
break;
case 2:
$map_type = "G_HYBRID_MAP";
break;
case 3:
$map_type = "G_SATELLITE_MAP";
break;
case 4:
$map_type = "G_PHYSICAL_MAP";
break;
}


In product-vbgooglemapme.xml

change
map = new GMap2(document.getElementById("mapme"),$map_type);
to
map = new GMap2(document.getElementById("mapme"));
and likewise for "memap" instead of "mapme".

After
map.addMapType(G_PHYSICAL_MAP);
add
map.setMapType($map_type);


I'd earlier described my terrain fix, which involves adding the line
map.addMapType(G_PHYSICAL_MAP);
after each instance of
map = new GMap2(...);

[pooslokka]

To make the info bubbles only appear when clicking on a marker, go to

thank you for your kind reply. but i just want the bubbles to appear on loading without need to click.

i can now see this are in the vbgooglemap.php file

if ($mouseoversupport == 0)
{

		$getlistenerinformation = "
		GEvent.addListener(marker, \"click\", function() {
		marker.openInfoWindowTabsHtml(infoTabs);
	    id = document.getElementById('username');
	    id.innerHTML = username;

		  });
		";
		  
}
if ($mouseoversupport == 1)	
{	  
	   $getlistenerinformation = "
	   GEvent.addListener(marker,\"mouseover\", function() {
	   marker.openInfoWindowTabsHtml(infoTabs);
  		document.getElementById('username').value= username;
	    id = document.getElementById('username');
	    id.innerHTML = username;

        });
	   ";        
   
}

[lpetrich]

Originally Posted by pooslokka

thank you for your kind reply. but i just want the bubbles to appear on loading without need to click.

I'm getting confused. Are you wanting the info bubbles to always be visible?

That is, without needing to mouse over or click on their markers. The AdminCP option I'd referred to earlier was for setting mouseover vs. clicking.

As far as can tell from the Google Maps API reference and elsewhere on "info windows", there is only one info-bubble object per map, but one that vbGoogleMap revises each time one mouses over or clicks on a marker. So it does not seem possible to display several info bubbles at once.

[pooslokka]

yes yes, always be visible
When load, the bubble also should appear. then the viewer can close it if he want.

[pooslokka]

when you click show on map, that users bubble should appear on load. but what i see is it shows all the users marks and hard to find the one that relevant to the user in that raw.

[pooslokka]

pls help !



i want to add in the "Map" word that link to each users map location now we have in table.
how can i do that?

Edited :

I added a link to the Post Bit and try to use the url. but the cordinates are not retrived for earch user. the post is empty

<a href="$bburl/vbgooglemapme.php?lat=$getinfo_me_list[lat_map]&lng=$getinfo_me_list[lng_map]&zoom=$linkzoomlevel" target="_self">$vbphrase[vbgooglemapme_map_link]</a>

[gamma912]

I would like to use this so that my members can upload photos and chart them on the map - and then other users can see the photos and where they were taken - is it possible with this MOD?