2017-10-26 18 views
0

マップのマッピングを行うためにイメージマッパーライブラリを使用しようとしていますが、基本機能が動作しないようです。imagemapsterが正しく初期化されていません

これは私のスクリプト

<script src="assets/js/jquery.min.js"></script> 
<script src="assets/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="assets/js/jquery.imagemapster.js"></script> 

<script> 
    $(document).ready(function() { 
     $('.carousel').carousel(); 
     $('central').mapster('tooltip'); 
     $('#singaporemap').mapster({ 
      showToolTip: true, 
      noHrefIsMask: false, 
      fillOpacity: 0.7, 
      strokeWidth: 2, 
      stroke: true, 
      strokeColor: 'ff0000', 
      mapKey: 'data-key', 
      singleSelect: true, 
      onClick: function (e) { 
       $(this).mapster('tooltip'); 
       alert('something clicked'); 
      }, 
      areas: [ 
       { 
        key: 'central', 
        toolTip: 'central !' 
       } 
      ] 
     }); 
    }); 
</script> 

そして、私はマップを作成開始です:

<div class="col-xs-12" style="height: 68%; width: 100%; margin-left: auto; margin-right: auto;"> 
    <img src="assets/img/singapore_outline_map.png" id="singaporemap" usemap="#singapore" style="height: 487px; width: 740px" /> 
    <map name="singapore"> 
     <area shape="poly" data-key="central" coords="206,141,397,136,444,302,207,238" href="#" alt="Central"> 
    </map> 
</div> 

私は多くの異なったコードを試してみましたが、初期化のコードのほとんどは動作しません。 。私のエリアは満たされていません、私のonClickは警告を出さず、エリアにはツールチップが表示されません。以下は、私は地域をクリックしたときに、私は障害のあるjqueryのファイルを持っていたが判明

clicked

答えて

0

を選択した結果です。 Googleのホストされているものを使用してそれを修正しました

関連する問題