Создание карты по требованию

[рони]

Если можете, то подскажите как сделать? В js понимаю 5%

смотрите 6 пост, там давно всё сделано

[spinastr]

рони,
Всё работает, в мобильную версию, поставил скрипт, который не загружается при маленьком экране.

<script>
if(window.screen.width > 460) {
 document.write('<script src="http://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU"><\/script>');
}
</script>

не пойму как, в ваш код его применить, стираю вызов скрипта. Ставлю обычно через html не работает. Подскажите?

[рони]

Подскажите?

нет, потому что не понимаю вас.

[Dilettante_Pro]

spinastr,
Смотрите внимательно строки 21-26 примера в пост №6 от рони

[spinastr]

Dilettante_Pro,
рони,

Всё понял в том примере, делаю другой, карта не запускается, делаю css такой

в яндексе пример Позиционирование карты для показа результатов геокодирования и их кластеризация

<style type="text/css">
  #map{
    display: none;
    width: 500px;
    height: 500px;
  }

  #map.active{
   display: block;
  }

  </style>

Внутри кода значения Ucoz

<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script> 
<script> 
ymaps.ready(init); 
function init () { 
var my; 
$('#toggle').bind({ 
click: function () { 
if (!my) { 
my = new ymaps.Map('map', { 
center: [55.010251, 82.958437], 
zoom: 11 
}), 
so = new ymaps.Clusterer(); 

ymaps.geocode('горо, улица').then(function(res){res.geoObjects.get(0).properties.set({clusterCaption:'$ID$',balloonContentHeader:'$TITLE$',balloonContentFooter:'<a href="$ENTRY_URL$">$TITLE$</a></br><b>$OTHER1$</b></br>
<?if($IMG_URL1$)?><a href="$ENTRY_URL$"/><img src="$IMG_URL1$" width="150"/></a><?else?><a href="$ENTRY_URL$"><img src="bordfotonet.jpg" width="150"/></a><?endif?>'});so.add(res.geoObjects.get(0));});


my.geoObjects.add(so); 
$("#toggle").attr('value', 'Скрыть карту'); 
} 
else { 
my.destroy(); 
my = null; 
$("#toggle").attr('value', 'Показать карту снова'); 
} 
} 
}); 
} 
</script>

[spinastr]

если в css прописать скрытие области, то карта не отображается

подставил к ней значение myMap.destroy('active');// Деструктор карты не работает

<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script> 
<script> 
ymaps.ready(init); 
function init () { 
var myMap; 
$('#toggle').bind({ 
click: function () { 
if (!myMap) { 
myMap = new ymaps.Map('map', { 
center: [55.010251, 82.958437], 
zoom: 11 
}), 
so = new ymaps.Clusterer(); 
$MYINF_49$ 
myMap.geoObjects.add(so); 
$("#toggle").attr('value', 'Скрыть карту'); 
} 
else { 
myMap.destroy('active');// Деструктор карты
myMap = null; 
$("#toggle").attr('value', 'Показать карту снова'); 
} 
} 
}); 
} 
</script> 
    <style>   
 #map{display: none;width: auto;height: 300px;}
 #map.active{display: block;} 
 
 </style> 

<input type="button" value="Показать карту" id="toggle"/> 
<div id="map" ></div>

[spinastr]

Разобрался Спасибо большое за помощь

во втором примере не вставил

$('#map').addClass('active');

myMap.destroy('active');// Деструктор карты

$('#map').removeClass('active');