рони,
Там не получится это сделать.. Либо мне придется дофига сидеть.. Может мне получится вас скринами ознакомить? Если нужен полный код, то вот..
<button type="button" id="btn-map1" class="btn btn-map">Посмотреть здание на карте</button>
<div id="map" class="map" style="width: 750px; height: 450px; opacity:0; display:none; position:relative;"></div>
[JS]<script type="text/javascript">
$("#btn-map1").click(function() {
var myMap, myPlacemark;
var map_block = document.getElementById('map');
if (map_block.style.opacity == '0'){
myMap = new ymaps.Map("map", {
center: [55.76, 37.64],
zoom: 7
});
myPlacemark = new ymaps.Placemark([55.76, 37.64], {
hintContent: 'Москва!',
balloonContent: 'Столица России'
});
map_block.style.opacity = '1';
myMap.geoObjects.add(myPlacemark);
}
else{
return false;
}
});
</script>
<script type="text/javascript">
$("#btn-map1").click(function () {
var $map = $('#map');
var $button = $('#btn-map1');
$map.fadeIn("slow");
if ($map.css ('display') == 'block') {
$button.text('Свернуть');
}
if ($map.css ('opacity') == '1') {
$map.slideToggle("slow");
$map.focus();
if ($map.css ('display') == 'block') {
$button.text('Развернуть');
}
}
});
</script>[/JS]
Сама карта открывается в модальном окне..