0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 2117 Просмотров
*

safronoff343

  • Захожу иногда
  • 117
  • 0 / 3
Всем привет! На страницах выводится Яндекс карта таким образом.


На смартфоне одним пальцем по карте скролится весь сайт, двумя сама карта. Как мне и надо.
Но как дать понять посетителям что карту можно двигать двумя пальцами? Как добавить поверх карты когда касаешься одним пальцем текст "чтобы переместить карту проведите по ней двумя пальцами"?



Код
<!-- map -->


<div id="ymap">


<script>
YaMapsShown = false;
$(document).ready(function (){
 $(window).scroll(function() {
    if (!YaMapsShown){
     if($(window).scrollTop() + $(window).height() > $(document).height() - 4000) {     
      showYaMaps();
      YaMapsShown = true;
     }
    }
 });
});
function showYaMaps(){
 var script   = document.createElement("script");
 script.async = true;
 script.src   = "https://api-maps.yandex.ru/2.1/?apikey=&lang=ru_RU&onload=init";
 document.getElementById("ymap").appendChild(script);
}
function init() {
ymaps.geocode('<?php echo $address; ?>', {results: 1}).then(function (res) {
var firstGeoObject = res.geoObjects.get(0),
coords = firstGeoObject.geometry.getCoordinates(),
bounds = firstGeoObject.properties.get('boundedBy');
var myMap = new ymaps.Map('ymap', {
center: coords,
zoom: 15
});
var placemark = new ymaps.Placemark(coords, {
    //balloonContent: '<?php echo $address; ?>',
    //iconContent: "Метка"
}, {
    preset: "islands#redStretchyIcon",
    balloonCloseButton: false,
    hideIconOnBalloonOpen: false
});
myMap.geoObjects.add(placemark);
myMap.behaviors.disable('scrollZoom');
var isMobile = {
Android: function () {
return navigator.userAgent.match(/Android/i)
},
BlackBerry: function () {
return navigator.userAgent.match(/BlackBerry/i)
},
iOS: function () {
return navigator.userAgent.match(/iPhone|iPad|iPod/i)
},
Opera: function () {
return navigator.userAgent.match(/Opera Mini/i)
},
Windows: function () {
return navigator.userAgent.match(/IEMobile/i)
},
any: function () {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows())
}
}
if (isMobile.any()) {
myMap.behaviors.disable('drag');
}
});
}
</script>



<!-- /map -->
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

SP Page Builder Возможно ли добавить кнопку в текстовое поле?

Автор AlexP750

Ответов: 7
Просмотров: 5563
Последний ответ 15.08.2021, 14:19:53
от AlexP750
Как добавить изображение ссылкой VirtueMart 3?

Автор VBedya

Ответов: 0
Просмотров: 694
Последний ответ 27.04.2021, 13:02:05
от VBedya
Mobile Joomla и мобильный Яндекс браузер

Автор misteri27

Ответов: 5
Просмотров: 279
Последний ответ 02.02.2021, 21:01:29
от Physicist
Как добавить названия категории подкатегории и товара в чпу?

Автор redesupar

Ответов: 0
Просмотров: 465
Последний ответ 01.02.2021, 11:48:28
от redesupar
Добавить статью в любимые(избранные)

Автор Dolphin4ik_1

Ответов: 4
Просмотров: 410
Последний ответ 01.08.2020, 13:35:36
от Dolphin4ik_1