jquery - подсказка imageMapster не показывает - PullRequest
Новая
       22

jquery - подсказка imageMapster не показывает

0 голосов
/ 08 января 2019

Я работаю над веб-приложением, в котором у пользователя есть карта с некоторыми точками. Когда пользователь наводит курсор мыши над одним, должна отображаться подсказка. Я попытался решить эту проблему с помощью плагина jquery imageMapster. Все, кроме всплывающей подсказки, работает.

HTML: 

<img src="img/oberland.jpg" usemap="#map-oberland" id="oberland">

<map name="map-oberland">
<area target="" alt="Number 1" id="t1" title="Number 1" href="" coords="637,493,11" shape="circle">
<area target="" alt="Number 2" id="t2" title="Number 2" href="" coords="683,407,12" shape="circle">
<area target="" alt="Number 3" id="t3" title="Number 3" href="" coords="742,356,11" shape="circle">
<area target="" alt="Number 4" id="t4" title="Number 4" href="" coords="540,145,10" shape="circle">
<area target="" alt="Number 5" id="t5" title="Number 5" href="" coords="703,130,10" shape="circle">
</map>

JQuery: 

$(document).ready(function () {
$('#oberland').mapster({
    fillOpacity: 0.4,
    fillColor: "d42e16",
    stroke: true,
    strokeColor: "3320FF",
    strokeOpacity: 0.8,
    strokeWidth: 4,
    singleSelect: true,
    mapKey: 'id',
    listKey: 'id',
    showToolTip: true,
    toolTipClose: ["tooltip-click", "area-click"],
    areas: [
        {
            key: "t1",
            toolTip: "Tour1"
        },
        {
            key: "t2",
            toolTip: "Tour1"
        },
        {
            key: "t3",
            toolTip: "Tour1"
        },
        {
            key: "t4",
            toolTip: "Tour1"
        },
        {
            key: "t5",
            toolTip: "Tour1"
        }]

})
});

Есть предложения?

...