ImageMapster javascript插件工具提示不是'；t显示正确的位置

所以我利用插件和工具提示

问题：

这个插件的问题是，当我使用工具提示时，它的位置会完全不同，正如你在下面看到的

正如你所看到的，我徘徊在黑暗的橙色部分，工具提示正好在图片的中间，文本“TE Huur.”

以下是第一节悬停的示例：

还有javascript：

$('#finder-image').mapster({
        fill: true,
        fillColor: 'ffffff',
        fillOpacity: 0,
        strokeWidth: 3,
        singleSelect: false,
        isSelectable: false,
        scaleMap: true,
        altImage: '{{asset('images/map2.svg')}}',
        selected: true,
        showToolTip: true,
        toolTipContainer: '<div class="tooltip-wrapper"></div>',
        mapKey: 'name',
        render_highlight: {
            fillOpacity: 1
        },
        onMouseover: function (options) {
            $("#finder-" + options.key).children().css('color', "#EF8000");
            $("#finder-" + options.key).children().css('font-weight', "bold");
        },
        onMouseout: function (options) {
            $("#finder-" + options.key).children().css('color', "black");
            $("#finder-" + options.key).children().css('font-weight', "normal");

            },
            areas: [
                {
                    key: '21',
                    toolTip: '<img src
                    {{asset('/images/finder/icon_huur_1.png')}}" class="img-responsive pop-image">'
                }   
                  ]
        });

$（“#查找器图像”）.mapster({
填充：是的，
fillColor:'ffffff'，
不透明度：0，
冲程宽度：3，
singleSelect:false，
可选择：错误，
scaleMap：是的，
altImage:“{asset（'images/map2.svg'）}}”，
选择：正确，
showToolTip:true，
toolTipContainer:“”，
mapKey:'名称'，
渲染突出显示：{
不透明度：1
},
onMouseover：功能（选项）{
$（“#finder-”+options.key）.children（）.css（'color'，“#EF8000”）；
$（“#finder-”+options.key）.children（）.css（'font-weight'，'bold'）；
},
onMouseout：函数（选项）{
$（“#finder-”+options.key）.children（）.css（'color'，'black”）；
$（“#finder-”+options.key）.children（）.css（'font-weight'，“normal”）；
},
领域：[
{
键：“21”，
工具提示：“”
}   
]
});

指出：

有时，当我在部分上悬停时，会出现错误。错误如下：

Uncaught TypeError: Cannot read property '0' of undefined
at showToolTip (jquery.imagemapster.js:4467)
at m.AreaData.showToolTip (jquery.imagemapster.js:4559)
at m.AreaData.<anonymous> (jquery.imagemapster.js:2733)
at Function.each (jquery.js:374)
at HTMLAreaElement.mouseover (jquery.imagemapster.js:2731)
at HTMLAreaElement.me.mouseover (jquery.imagemapster.js:2925)
at HTMLAreaElement.dispatch (jquery.js:4435)
at HTMLAreaElement.r.handle (jquery.js:4121)

Uncaught TypeError:无法读取未定义的属性“0”
在showToolTip（jquery.imagemapster.js:4467）上
在m.AreaData.showToolTip（jquery.imagemapster.js:4559）
在m.AreaData

至于未捕获类型错误：无法读取未定义的错误的属性“0”

工具提示中的图像在初始页面加载时不会加载。这意味着，只要您将鼠标悬停在工具提示上（第一次），就会加载图像

由于图像不会在区域悬停时立即加载，因此插件无法根据
toolTipContainer
中的数据定义高度/宽度

如果在工具提示中添加具有初始大小（没有
http请求
加载时间，如文本）的元素，它将起作用

比如说

{
    key: '1',
    toolTip: '<img src="{{asset('/images/finder/icon_kaart_0.png')}}" class="img-responsive pop-image"><div style="visibility: hidden;">Area</div>'
}, 

{
键：“1”，
工具提示：“区域”
},