Код работает во всех браузерах, работает на Android, но НЕ РАБОТАЕТ на iPhone.
Не работает - означает, что в элементе DIV карта не двигается - начинает двигаться вся HTML страница.
Подскажите пжл-та где грабля.
Вот основные моменты кода:
----------
<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
.....
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
});
}
.....
<div id="map" style="width:300px; height:300px"></div>
----------
Вроде все максимально просто. Уже пробовал создавать свои CSS для элемента DIV:
.scrollable {
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
Пробовал подключать тач event через jquery:
$(document).bind("mobileinit", function(){
$.mobile.touchOverflowEnabled = true;
});
Не работает. Причем зараза почти тот же код, но для Google Maps работает отлично:
var myOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
____sensor: true____
};
map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
....
<div id="map_canvas"></div>
Я пример с Googlе привел не для того, чтобы как-то задеть разработчиков Yandex - может я просто какой-то ключ забыл добавить....
Спасибо!