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のファイルを持っていたが判明