Ask questions and get good answers on mb.jQuery.components

problems:
I have a gazillion confusing problems with resizing & dragging mb_containers that contain google maps div and google earth divs. And of course, different problems with latest IE, Chrome, and Firefox browsers. This forum exchange seems like a perfect opportunity to discuss these complex interactions of browsers and libraries. And MB Containers is the perfect design solution for managing google maps/earth content.

Here are my sandbox pages, try using Chrome, FireFox, IE, testing dragging and toggling maximize the container (12 test conditions) 1) http://www.stjohnhistoricalsociety.org/Maps-3D1.htm -- uses Google Earth plugin 2) Maps10.htm -- uses Google Maps plugin

These pages have very similar html & css, but their .js differs because of the google api differences.. Some background R&D notes-- google maps has a function to invoke (checksize(), when the container size changes, but I haven't found a similar function in google earth api/forums. google earth api issues (code.google.com/p/earth-api-samples/issues/detail?id=141) discusses problems with browser plugins and "display:none" [jquery.animate included?]

(1) With Chrome browser Dragging the mb container is a problem for both (maps and earth) pages. The symptom is that container "disappears". Try dragging while google stuff is loading/try shrinking the container and rapidly moving the mb_container around the screen.

Toggling the "maximize" icon (upper right corner) works great with both pages.

(2) With Firefox browser Dragging Maps10.htm (g maps) works well Dragging Maps-3D1.htm (g earth) rapidly and the mb container disappears

Toggling the "maximize icon with Maps10.htm (g maps) works ok.

Toggling the "maximize icon with Maps-3D1.htm (g earth) fails
generating the error "The Google Earth Plugin had an internal error. Try reloading the page"

(3) With IE8 Browser Dragging Maps10.htm (g maps) works well Dragging Maps-3D1.htm (g earth) rapidly and the mb container disappears

Toggling the "maximize icon with Maps10.htm (g maps) fails
  when jquery.animate is invoked from mb_resizeTO().

Line: 19
  Error: Could not get the position property. Invalid argument.

using the IE "debugger" E.now = NaN instead of a number.
  JQuery/Sizzle/mb_containerplus problem?

With Maps-3D1.htm (google earth)  there is a google initialization error (The Google Earth Plugin is not currently installed) when the page is loaded from the server, but not locally (I'm really confused), but continuing on...

Dragging the page works ok

Toggling the "maximize" icon also fails
    when jquery.animate is invoked from mb_resizeTO().

Line: 19
  Error: Could not get the position property. Invalid argument.

using the IE "debugger" E.now = NaN instead of a number.
  JQuery/Sizzle/mb_containerplus problem?

Any suggestions would be appreciated!

Peter Burgess

asked Dec 26 '09 at 02:48

peter%20burgess's gravatar image

peter burgess
213


Ok -- just mbContainer and FF.

My objective is to create a map container that is flexible in size: the user can drag-resize the container or the user can hit a "maximize button" to programmaticly resize the container (which is one way to generate a "Google earth internal error").

First example. http://www.stjohnhistoricalsociety.org/Maps-3D3.htm Here I'm using jquery plugin - mbContainterPlus [http://pupunzi.open- lab.com/2009/01/18/jquery-mbcontainers/] I can drag and drop the container, I can drag and resize the container. But when I try to programmicly resize the container (hit the toggle-size button in the upper right corner of the earth container), the contents disappear and when resized animation is completed, the GE contents report "...internal error. Try reloading..."

I have tried wrapping the resizeTo function with "ge.getWindow.setVisibility(false)" and "ge.getWindow.setVisibility(true)" -- but this didn't help and introduced other wierd artifacts.

Isn't it odd, that the user/mouse drag-resize animation works day and night, but 'jQuery.fn.mb_fullscreen()' messes up google earth plugin?

mb_fullscreen() what is the problem?

[ this verbage is intended to be a comment - not an answer - but the "add comment" button" is broken.

answered Jan 14 '10 at 01:34

peter%20burgess's gravatar image

peter burgess
213

This is sort of an old question. Check the first link on my site and see how I re-size Google earth.

http://relusa.com/info/thomasNoble/index_goog.html

answered Apr 13 at 12:18

whatever's gravatar image

whatever
1

This is sort of an old question. Check the first link on my site and see how I re-size Google earth.

http://relusa.com/info/thomasNoble/index_goog.html

answered Apr 13 at 12:18

whatever's gravatar image

whatever
1

Your answer
toggle preview

jQuery main site - Matteo Bicocchi