jVectorMap標記爲圖標

有誰知道如何在jVectorMap中添加圖像作爲標記？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">

但是當我嘗試運行代碼，這個錯誤想出了每次：

而且我想補充一點，我收穫了這個http://jvectormap.com/examples/marker-icons/但它沒有工作。

來源

2016-10-27 seergiue

我遇到了同樣的問題。看起來像jVectorMap不支持JQuery v.3.x.x的所有功能。我試過所有的舊版本，發現2.2.4工作得很好。最新的jquery版本只能用非圖像標記正常工作

來源

2016-10-28 10:32:00 Krit

就是這樣！非常感謝，jQuery 2.2.4運行良好！ – seergiue

jVectorMap標記爲圖標

回答

相關問題