jquery - imagemapster のズームとパン

Question

iviewerを使用してimagemapsterをズームおよびパンしようとしましたが、iviewer を介して画像がロードされたときに imagemapster を動作させることができません。多分それは不可能ですか？画像の URL は、iviewer 関数のパラメーターとして iviewer に渡す必要があります。imagemapster がイメージ マップにアクセスできるように、jquery のあとがきで classname と usemap='#map' をイメージに追加しようとしましたが、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'
            }
        }
        ]
});

ここで私の目標を達成する方法についてのヒントはありますか?