1

我尝试使用iviewer来缩放和平移 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'
            }
        }
        ]
});

关于如何在这里满足我的目标的任何提示？

4

0 回答 0