imagemapster 未正确初始化答案

【问题标题】：imagemapster not initializing properlyimagemapster 未正确初始化
【发布时间】：2017-10-26 17:11:30
【问题描述】：

我正在尝试使用图像映射器库进行地图映射，但我似乎无法使基本功能正常工作。

这是我的脚本的开始

<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 没有发出任何警报，并且该区域没有显示工具提示。以下是我点击所选区域时的结果

【问题讨论】：

标签： javascript jquery imagemap imagemapster

【解决方案1】：

原来我的 jquery 文件有问题。使用谷歌托管的修复它

【讨论】：