ImageMapster - состояние предварительного выбора из db; якорная ссылка на странице

Question

Я работаю с плагином ImageMapster, и у меня возникают трудности с JavaScript. Я пытаюсь получить состояния, определенные в базе данных, для отображения альтернативного изображения. Затем эти состояния ссылаются на якорь на той же странице. Похоже, что то, что у меня сейчас есть, просто полностью разрушает JavaScript. Вот код, который у меня есть прямо сейчас:

<script type="application/json" id="map-data">["ID","CA"]</script> 

<script> 
    var data = $.parseJSON($('#map-data').text()); 

$('img').mapster({ 
    mapKey: 'state', 
    clickNavigate: true, 
onConfigured: function() { 
     var csv = data.join(','); 
     $('img').mapster('set', true, csv) 
     .mapster('snapshot') 
     .mapster('unbind', false); 
     altImage: '../Images/map_outline_blackStrokeDot.png' 
    } 
}); 
</script> 

Answer 1

Я, наконец, получил все необходимые требования. Итоговый код здесь:

<map id="idaho" name="idahomap"> 
    <area alt="mushroom" href="#idaho" state="ID" full="Idaho" shape="poly" coords="364,150,337,264,346,268,317,316,320,327,304,407,473,442,485,347,475,335,437,341,414,285,406,296,410,247,383,215,380,191,388,157,376,153"> 
</map> 

<script type="application/json" id="map-data">["ID","CA"]</script> 

<script> 
    var data = $.parseJSON($('#map-data').text()); 


    $('img').mapster({ 
     mapKey: 'state', 
     clickNavigate: true, 
     isSelectable: false, 
     highlight: false, 
     onConfigured: function() { 

      // make the array into a comma-sparated list 
      var csv = data.join(','); 

      // the 'set' activates the areas 
      $('img').mapster('set', true, csv, options = { fillColor:'ffffff' }); 
     } 
    }); 
</script>