Показать сообщение отдельно
  #6 (permalink)  
Старый 06.06.2016, 20:04
Новичок на форуме
Отправить личное сообщение для Kiriklk Посмотреть профиль Найти все сообщения от Kiriklk
 
Регистрация: 02.02.2016
Сообщений: 9

рони,
Там не получится это сделать.. Либо мне придется дофига сидеть.. Может мне получится вас скринами ознакомить? Если нужен полный код, то вот..
<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]

Сама карта открывается в модальном окне..
Ответить с цитированием