ImageMapster - подсказки не отображаются при наведении курсора



Я начал использовать плагин ImageMapster JQuery и застрял довольно быстро. Мне бы хотелось, чтобы при наведении курсора на область всплывала всплывающая подсказка, но она не работает. Я использую параметр "id" в качестве ключа области и хотел бы, чтобы всплывающая подсказка отображалась, когда я указываю мышью на область с id= "sam".
Это мой код - он довольно простой, и я понятия не имею, что я сделал неправильно. Кто-нибудь может мне помочь? Проблема не в самом ImageMapster, так как другие его функции работают. Спасибо

<img id="mapka" src="../Img/Maps/bigmap.JPG" usemap="#mymap" width="880">
<map id="geo_map" name="mymap">
    <area shape="rect" id="sam" coords="135,62,216,167" href="/map/samegrelo">  
</map>

<script> $(document).ready(
  function () {
     $('#mapka').mapster({
         singleSelect: true,
         fill: true,
         mapkey: 'id',
         fillOpacity: 0.3,
         fillColor: 'ff0000',
         clickNavigate: true,           
         showToolTip: true,             
         onMouseover: function (e) {
             $(this).mapster('set', false).mapster('set', true);                
         },
         onMouseout: function (e) {
             $(this).mapster('set', false);
         },
         areas: [
        {
            key: "sam",
            toolTip: "Don't mess with Texas"
        }]
     });

 })
</script>

1 ответ

Решение

Наконец-то нашел, где была проблема. Я использую "mapkey" вместо "mapKey" в функции, и она кажется чувствительной к регистру.

Другие вопросы по тегам