イメージマップスター属性リピート

Question

私は画像をマッピングするためにイメージマップスターを使用します。領域の一部がclikedされている場合、別のマッピングイメージが来ています。私は多くのイメージを使用し、mapster attribute.iを繰り返す必要があるすべてのイメージに対していくつかの方法を試してみましたが、onclick関数とツールチップは動作していません。 `

 $('#man').mapster({ 
      fillOpacity: 0.5, 
      mapKey: 'alt', 
      fillColor: "000000", 
      listKey: 'alt', 
      scaleMap: false, 
      stroke: true,   
      singleSelect: true, 
      toolTipClose: ["tooltip-click", "area-click", "area-mouseout"], 
      showToolTip: true, 
      onClick: function (e) { 
       if (e.key === 'leg') { 
        $('#MaleLegDIV').show(); 
        $('#DefaultMaleDIV').hide(); 
       } 
      }, 
      areas: [ 
      { 
       key: "leg", 
       toolTip: 'LEG' 
      } 
      ] 
     }); 
     $('#manLeg').mapster({ 
      fillOpacity: 0.5, 
      mapKey: 'alt', 
      fillColor: "000000", 
      listKey: 'alt', 
      scaleMap: false, 
      stroke: true,   
      strokeColor: "3320FF", 
      singleSelect: true, 
      toolTipClose: ["tooltip-click", "area-click", "area-mouseout"], 
      showToolTip: true, 
      areas: [ 
      { 
       key: "toes", 
       toolTip: 'TOES' 
      }, 
      ] 
     }); 
    }); 
</script>` 

を参照してください。マップスターの属性はすべての画像で繰り返されます。だから、私はただattributes.soをインポートする方法はない多くの行を書く必要はありません。 ご協力いただきありがとうございます。私はsolution.here見つける

Answer 1

は私のソリューションです：

var options = 
       { 
        fillOpacity: 0.5, 
        mapKey: 'alt', 
        fillColor: "000000", 
        listKey: 'alt', 
        scaleMap: false, 
        stroke: true, 
        singleSelect: true, 
        toolTipClose: ["area-mouseout"], 
        showToolTip: true, 
        render_highlight: { 
         fade: false 
        } 
       }; 

      $('#man').mapster($.extend({}, options,{ 

       onClick: function (e) { 
        if (e.key === 'leg') { 
         $('#MaleLegDIV').show(); 
         $('#DefaultMaleDIV').hide(); 
        } 
       }, 
       areas: [ 
       { 
        key: "leg", 
        toolTip: 'LEG' 
       }, 
       ] 

      }));