Hi,
My Google Map displays incorrectly when used in combination with
JQuery (v1.4.4) using the slideToggle function. The marker is outside
the map in the top left corner and only half of the map is displayed.
Though, sometimes it renders fine.
I use the following code for the slide panel in which the map is
showing:
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
With the following CSS:
a:focus {
outline: none;
#panel {
height: 250px;
width: 650px;
display: none;
text-align: left;
}
.btn-slide {
background: url(images/panel/white-arrow.gif) no-repeat right -50px;
text-align: left;
width: 650px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
Without the sliding panel the map shows just fine. Is there anything I
can do about this?
Please be gentle on technical stuff as my knowledge is very limited :)
Regards,
Tammo
--
You received this message because you are subscribed to the Google Groups
"Google Maps API V2" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-api?hl=en.
