jVectorMap Marker als Symbol

Question

Kann jemand ein Bild als Marker in jVectorMap hinzufügen?

Ich habe viele Beiträge hier in stackoverflow gelesen, die dieselbe Frage lösen, aber ich konnte es nicht schaffen.

Mein Code ist der nächste:

$(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">

Aber wenn ich versuche, um den Code auszuführen, dieser Fehler kam jedes Mal: ​​

ich auch will hinzufügen, ich readed diese http://jvectormap.com/examples/marker-icons/ aber es hat nicht funktioniert.

Answer 1

Ich habe das gleiche Problem konfrontiert. Sieht so aus, als ob jVectorMap nicht alle Funktionen von JQuery v.3.x.x unterstützt. Ich habe alle älteren Versionen ausprobiert und festgestellt, dass 2.2.4 großartig funktioniert. Neueste Jquery-Version könnte nur mit Nicht-Bild-Markierungen richtig funktionieren