You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Google Maps & Overlay Created May 15, 2010

This thread is solved

Views: 3186     Replies: 6     Last reply Sep 20, 2010  
You must login first before you can use this feature

Locke

Posts: 6

Registered:
Nov 12, 2009

Google Maps & Overlay

Posted: May 15, 2010

Hey Hi...

I trying to implement gMap into an overlay instance.

I use gMap jquery plugin to insert the map , in this way:


//Google Map
$("#overlay").gMap({ 

    zoom:                   17,
    markers:                [{latitude:19.344755548023784, 
			      longitude:-99.2204475402832, html: "Yamaha Cuajimalpa"},],
    controls:               ["GSmallMapControl", "GMapTypeControl"],
    scrollwheel:            false,
    maptype:                G_NORMAL_MAP,
    icon:
    {
        image:              "http://yamaha-cuajimalpa.com.mx/wp-content/themes/yamaha/img/gmap_pin_grey.png",
        shadow:             false,
        iconsize:           [26, 46],
        shadowsize:         false,
        iconanchor:         [4, 19],
        infowindowanchor:   [8, 2]
    }
 });

then I place overlay tool :


$("a[rel]").overlay();

I place the overlay html code that contains the same id of overlay tool and gMap


<div class="overlay" id="overlay"></div>

The overlay works perfectly, and the map actually shows up... but it shows half of the map and also doesn't center the mark.

Click Here to watch how it shows up.

is there a way to fix this or do you recommend any other method to solve this

Locke

Posts: 6

Registered:
Nov 12, 2009

Solved the first part

Posted: May 16, 2010

Reply to: Google Maps & Overlay, from Locke
I solve why overlay was showing half of the map....

I only remove the inside tooltip of google map... that works...

But what I don't get is to center the map marker location into the overlay ...

I try the same method but now with ToolTip Tool with no success!, is happening the same as in overlay.

Locke

Posts: 6

Registered:
Nov 12, 2009

No Sense

Posted: May 16, 2010

Reply to: Solved the first part, from Locke
The problem is solved

I only center the map with different coordinate .

Salut

phantomdentist

Posts: 2

Registered:
Jun 30, 2010

» No Sense

Posted: Jul 1, 2010

Reply to: No Sense, from Locke
I having this same issue with gmap and an overlay. I'm trying to fix the issue where the map only fills part of the overlay

Locke fixed it but I don't understand his explination of how

solve why overlay was showing half of the map....

Can anyone explain what he means?

Steff

Posts: 1

Registered:
Aug 16, 2010

» Solved the first part

Posted: Aug 16, 2010

Reply to: Solved the first part, from Locke
How did you remove the inside tooltip of google map? This would be grate to know.

Thanks and kind regards,
Steff

LiquidSky

Posts: 8

Registered:
Aug 30, 2010

Maybe helpful

Posted: Aug 30, 2010

Reply to: » Solved the first part, from Steff
Hey Guys,

don`t know if the problem is still actual, but as I had to solve it today IŽd like to post my solution...

Problem:
Google Map is not centered on the correct position and/or parts of the map are not loaded.

My Assumption:
The Gmap is already loaded and then repositioned with the overlay.I am not able to give a technical explanation, but that seems to be the problem :-)

Solution:
Load the Gmap with the onLoad event of the overlay.
I use the jquery.gmap plugin, so my call look like this.

$('.TRIGGERELEMENT').overlay({
		target: '#I_NEED_DONT_KNOW_IF_YOU_DO',
		effect: 'apple',
		speed:'slow',
		onLoad:function(){$("#map").gMap({ 
			markers: [{ 
				latitude: _DONE_WITH_PHP_,
				longitude:  _DONE_WITH_PHP_}],
			zoom:12 });
		}
		});

And everything works fine ;-)

mrtavo

Posts: 1

Registered:
Jun 23, 2010

Maybe your map dont have width or height defined.

Posted: Sep 20, 2010

Reply to: Maybe helpful, from LiquidSky
If your map start on grey, or in a very little div; its normaly a dimensions problem. The map usualy needs to have an starting width and height, then center your map. You need to center de map before doing anything else. Then you can change the map dimensions and use "checkResize()". Take a look to the Gmaps API.

•