Question

我尝试使用iviewer来缩放和平移imagemapster，但是当通过iviewer加载图像时无法使imagemapster工作。也许这是不可能的？必须将图像URL作为iviewer函数的参数传递给iviewer。我尝试使用jquery afterwords将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'
            }
        }
        ]
});

有关如何适应我的目标的任何提示？

imagemapster缩放和平移

0 个答案: