Jquery imagemapster缩放和平移

Jquery imagemapster缩放和平移,jquery,zooming,pan,imagemapster,Jquery,Zooming,Pan,Imagemapster,我尝试使用来缩放和平移imagemapster,但当图像通过iviewer加载时,imagemapster无法工作。也许这是不可能的? 图像url必须作为iviewer函数的参数传递给iviewer。 我尝试使用jquery后缀将classname和usemap='map'添加到图像中,以便imagemapster可以访问图像映射,但尽管classname和usemap值在生成的html中可见,imagemapster显然无法访问它们,或者不知怎的不起作用 $(document).ready(f

我尝试使用来缩放和平移imagemapster,但当图像通过iviewer加载时,imagemapster无法工作。也许这是不可能的? 图像url必须作为iviewer函数的参数传递给iviewer。 我尝试使用jquery后缀将classname和usemap='map'添加到图像中,以便imagemapster可以访问图像映射,但尽管classname和usemap值在生成的html中可见,imagemapster显然无法访问它们,或者不知怎的不起作用

$(document).ready(function() {

      var iv1 = $("#image-container").iviewer({
           src: "images/image.jpg",
           update_on_resize: false,
           zoom_animation: false,
           mousewheel: false,
           onMouseMove: function(ev, coords) { },
           onDrag: function(ev, coords) { }
      });


      $('#image-container').attr({'class': 'basicmap','usemap': '#map'});
      $('#image-container img').attr('id','kartstort_mapholder');

      $('#kartstort_mapholder').mapster({

    clickNavigate: true,
    mapKey: 'omrade',
    render_highlight: {
        fillColor: 'ff0000',
        fillOpacity: '0.3'
    },
    render_select: {
        fillColor: 'ffcc00',
        fillOpacity: '0.4'
    },
    areas: [{
        key: 'parker',
        render_select: {
            fillColor: '74c300',
            fillOpacity: '0.6'
        }
        },
        {
            key: 'plasser',
            render_select: {
                fillColor: '0099ff',
                fillOpacity: '0.6'
            }
        }
        ]
});

关于如何实现我的目标,这里有什么提示吗?

你成功做到了吗?我最后使用了鼠标滚动的方式,如果我们需要怎么做?我相信在那种情况下拖拉是行不通的。