GoogleCodeExporter
commented
8 years ago First, some background: There is a bug in many modern browsers that causes
plugin
objects (not just the Earth plugin) to be destroyed when their containing DOM
nodes
or their ancestors are hidden. Internet Explorer isn't affected by this bug.
Now, I've written a temporary workaround that parents the Earth DOM nodes to the
document body and hackishly positions it where it would usually be. The
workaround
does nothing in the case of IE, since it isn't affected.
WARNING 1: this is quite a hack; it should only be used temporarily until we
have a
long term solution. I'll post a message once the bug is fixed in the API.
WARNING 2: this workaround should only be used on sites affected by the bug
mentioned
in this thread, and where no other workaround will do.
The workaround:
1) Add a call to displayNoneWorkaround before createInstance like so:
displayNoneWorkaround('map3d');
google.earth.createInstance('map3d', ...
2) Paste this displayNoneWorkaround method in your code, before your
createInstance
is called:
function displayNoneWorkaround(earthNodeID) {
// IE isn't affected by this bug
if (navigator.userAgent.toLowerCase().indexOf('msie') < 0) {
// Firefox, Safari, etc. are affected
var earthNode = document.getElementById(earthNodeID);
var earthWatchNode = earthNode.parentNode;
earthNode.style.position = 'absolute';
earthNode.style.left = earthNode.style.top = '0';
earthNode.style.width = earthNode.style.height = '0';
document.body.appendChild(earthNode);
function repositionEarth() {
earthNode.style.height = earthWatchNode.offsetHeight + 'px';
earthNode.style.width = earthWatchNode.offsetWidth + 'px';
// calculate position on page
var left = earthWatchNode.offsetLeft;
var top = earthWatchNode.offsetTop;
var p = earthWatchNode.offsetParent;
while (p && p != document.body) {
if (isFinite(p.offsetLeft) && isFinite(p.offsetTop)) {
left += p.offsetLeft;
top += p.offsetTop;
}
p = p.offsetParent;
}
earthNode.style.left = left + 'px';
earthNode.style.top = top + 'px';
}
repositionEarth();
// reposition every 100ms
window.setInterval(function() {
repositionEarth();
}, 100);
}
}Original comment by api.roman.public@gmail.com on 20 Jan 2009 at 10:35
Original issue reported on code.google.com by
api.roman.public@gmail.comon 20 Jan 2009 at 10:34