Цитата:
|
рони,
Всё работает, в мобильную версию, поставил скрипт, который не загружается при маленьком экране.
<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, время: 09:51. |