Цитата:
|
рони,
Всё работает, в мобильную версию, поставил скрипт, который не загружается при маленьком экране. <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 не работает. Подскажите? |
Цитата:
|
spinastr,
Смотрите внимательно строки 21-26 примера в пост №6 от рони |
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> |
если в 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> |
Разобрался Спасибо большое за помощь
во втором примере не вставил $('#map').addClass('active'); myMap.destroy('active');// Деструктор карты $('#map').removeClass('active'); |
Часовой пояс GMT +3, время: 04:11. |