Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 25.01.2017, 06:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от spinastr
Если можете, то подскажите как сделать? В js понимаю 5%
смотрите 6 пост, там давно всё сделано
Ответить с цитированием
  #12 (permalink)  
Старый 25.01.2017, 14:44
Профессор
Отправить личное сообщение для spinastr Посмотреть профиль Найти все сообщения от spinastr
 
Регистрация: 02.05.2016
Сообщений: 390

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

<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 не работает. Подскажите?
Ответить с цитированием
  #13 (permalink)  
Старый 25.01.2017, 15:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от spinastr
Подскажите?
нет, потому что не понимаю вас.
Ответить с цитированием
  #14 (permalink)  
Старый 25.01.2017, 16:21
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

spinastr,
Смотрите внимательно строки 21-26 примера в пост №6 от рони
Ответить с цитированием
  #15 (permalink)  
Старый 25.01.2017, 19:51
Профессор
Отправить личное сообщение для spinastr Посмотреть профиль Найти все сообщения от spinastr
 
Регистрация: 02.05.2016
Сообщений: 390

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, 25.01.2017 в 19:58.
Ответить с цитированием
  #16 (permalink)  
Старый 25.01.2017, 20:10
Профессор
Отправить личное сообщение для spinastr Посмотреть профиль Найти все сообщения от spinastr
 
Регистрация: 02.05.2016
Сообщений: 390

если в 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, 25.01.2017 в 20:54.
Ответить с цитированием
  #17 (permalink)  
Старый 25.01.2017, 20:17
Профессор
Отправить личное сообщение для spinastr Посмотреть профиль Найти все сообщения от spinastr
 
Регистрация: 02.05.2016
Сообщений: 390

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

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

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

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

$('#map').removeClass('active');
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание адаптивной карты Украины raulgonsales Мобильный JavaScript 4 24.07.2015 11:47
Создание карты nekofly Элементы интерфейса 1 16.04.2013 14:49
Карты и jQuery Mobile Родзевич Олег jQuery 4 07.02.2013 16:01
Создание своей библиотеки. Создание двух одинаковых объектов. Как избежать? IDCh Javascript под браузер 2 31.10.2012 12:53
Создание интерактивной карты Veligur Элементы интерфейса 3 24.08.2010 23:28