jVectorMapマーカーをアイコン

Question

誰もjVectorMapでマーカーとして画像を追加する方法を知っていますか？

私はここで、同じ質問を解決するstackoverflowで多くの記事を読んだが、私はそれを作ることができませんでした。

$(function(){ 
 
      $('#map').vectorMap({ 
 
       zoomOnScroll: false, 
 
       scaleColors: ['#C8EEFF', '#0071A4'], 
 
       hoverOpacity: 0.7, 
 
       hoverColor: false, 
 
       backgroundColor: '#6F644E', 
 
       markers: [ 
 
       {latLng: [40.4381311, -3.8196209], name: 'Spain'}, 
 
       ], 
 
       markerStyle: { 
 
       initial: { 
 
        image: 'http://jvectormap.com/img/icon-np-2.png', 
 
       } 
 
       }, 
 
      }); 
 
     });

<link rel="stylesheet" href="resources/jquery-jvectormap/jquery-jvectormap-2.0.3.css" type="text/css" media="screen"/> 
 
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="resources/jquery-jvectormap/jquery-jvectormap-2.0.3.min.js"></script> 
 
<script src="resources/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script> 
 

 
<div id="map" class="container-fluid cont-slider">

しかし、私は、コードを実行しようとすると、このエラーが毎回思い付いた：

私のコードは次のものである。また

Iを追加したい私はこれを読んだhttp://jvectormap.com/examples/marker-icons/しかし、それは動作しませんでした。

Answer 1

私は同じ問題に直面しました。 jVectorMapはJQuery v.3.x.xのすべての機能をサポートしていないようです。私はすべての古いバージョンを試してみたところ、2.2.4がうまく動作しています。最新のJqueryバージョンは、非画像マーカでのみ正常に動作することができました