Google Maps code operates specifically on a certain #id, so when you
move content out of that div the Google JS no longer knows what to
do. I recommend swapping the boxes positions and/or z-index rather
than the html, it will be easier to render as well. However, when you
move a div after you place a Google map in it, it must be refreshed/
recentered. Hope this helps!
-Charles
On Jul 11, 11:59 am, gecko68 <[EMAIL PROTECTED]> wrote:
> I am trying to use jQuery and jq_gmaps.js.
> What I need to do is have people click an item in a list, and then
> have the google map , slide down under it and show the location.
> (ultimately when they click on another entry, the map will slide back
> up and then down on the new one they clicked)
>
> I am using 1 google map box, instead of 1 for each item.
> But I am having problems trying to "move" the contents of the Div that
> has the map in it to another location. It just locks up.
>
> I tried cloning and emptying the two , but it didn't work. Then I
> tried moving the HTML. It starts to work, but locks the google maps.
>
> $('#firstbox').slideUp("slow", function(){
>
> var oldHTML = $('#firstbox').html();
> $('#firstbox').html('');
> $('#secondbox').html(oldHTML);
>
> // here is where I move the marker on the map.
> $('#secondbox').slideDown("slow");
> });
>
> Any assistance would be appreciated. I may even be able to make a
> Paypal donation if someone wants to work with me on this.
