ситуация такая, есть скрипт который скрывает определенный div, по кнопке "скрыть/показать", внутри него находиться две карты яндекса, при открытии этого блока с картами, они отображаются некорректно, то картинка пропадет, то балуны? то центр карты сместится
<script type="text/javascript">
YMaps.jQuery(window).load(function () {
var map = new YMaps.Map(YMaps.jQuery("#YMapsID-413")[0]);
map.setCenter(new YMaps.GeoPoint(...), 10, YMaps.MapType.MAP);
map.addControl(new YMaps.Zoom(),
new YMaps.ControlPosition(
YMaps.ControlPosition.TOP_LEFT,
new YMaps.Size (5, 5)
)
);
map.enableScrollZoom();
YMaps.MapType.PMAP.getName = function () { return "Народная"; };
map.addControl(new YMaps.TypeControl([
YMaps.MapType.MAP,
YMaps.MapType.SATELLITE,
YMaps.MapType.HYBRID,
], [0, 1, 2, 3]));
YMaps.Styles.add("constructor#pmlbmPlacemark", {
iconStyle : {
href : "..........",
size : new YMaps.Point(35,35),
offset: new YMaps.Point(-8,-27)
}
});
map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(37.602705,55.7652), "constructor#pmlbmPlacemark", "...."));
function createObject (type, point, style, description) {
var allowObjects = ["Placemark", "Polyline", "Polygon"],
index = YMaps.jQuery.inArray( type, allowObjects),
constructor = allowObjects[(index == -1) ? 0 : index];
description = description || "";
var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description});
object.description = description;
return object;
}
});
</script>
скрипт сполера, идет после карты
<script type="text/javascript" langauge="JavaScript">
//<![CDATA[
function doMenu(item) {
obj=document.getElementById(item);
col=document.getElementById("x" + item);
if (obj.style.display=="none") {
obj.style.display="block";
col.innerHTML="скрыть";
}
else {
obj.style.display="none";
col.innerHTML="подробнее";
}
}
//]]>
</script>
Почти не силен в JS и разобраться сам не смогу. что нужно в нем изменить чтобы инициализация карты проходила нормально? Заранее большое спасибо!