jVectorMap 标记作为图标

Question

有谁知道如何在 jVectorMap 中添加图像作为标记？

我在 Whosebug 上阅读了很多解决同样问题的帖子，但我做不到。

我的代码是下一个：

$(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.x.x 的所有特性。我已经尝试了所有旧版本，发现 2.2.4 运行良好。最新 Jquery 版本只能与非图像标记正常工作

jVectorMap 标记作为图标

jVectorMap marker as icon

javascript

jquery

image

jvectormap