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

<!-- 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 -->