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

但是当我尝试运行代码时，每次都会出现这个错误：

另外我想补充一下我读过这个http://jvectormap.com/examples/marker-icons/但它没有用。

Answer 1

我遇到了同样的问题。 看起来 jVectorMap 不支持 JQuery v.3.xx 的所有功能我已经尝试了所有旧版本，发现 2.2.4 运行良好。 最新的 Jquery 版本只能与非图像标记一起正常工作