Блог

Недавно у меня возникла необходимость поместить карту в модальный режим начальной загрузки, который работает нормально, за исключением возможности панорамирования и зонирования при взаимодействии с мышью. Панорамирование с помощью щелчка и перетаскивания мыши и масштабирование с помощью колесика мыши, похоже, не работают.

Я привел пример проблемы. (Я тестировал это только в Chromium и Firefox, на Kubuntu)http://jsfiddle.net/nG9nu

    $("#myModal").on(
    'shown.bs.modal',

function () {

    var pos = new google.maps.LatLng(63.43, 10.39);
    var mapProp = {
        center: pos,
        zoom: 14,
        draggable: false,
        scrollwheel: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("mapCanvas"),
    mapProp);
    google.maps.event.trigger(map, "resize");
});
  

Есть идеи, что останавливает события мыши для доступа к картам Google? Или как исправить эту конкретную проблему?

Я очень благодарен за всю помощь, которую я могу получить 🙂

 var mapProp = {
    center: pos,
    zoom: 14,
    draggable: false,
    scrollwheel: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
  

Я вижу

 scrollWheel => false   
draggable => false
  

Конечно, это не сработает: установите для них значение true

Посмотрите на эту скрипку :http://jsfiddle.net/nG9nu/1