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.x.x的所有功能。我已经尝试了所有旧版本，发现2.2.4工作得很好。最新的Jquery版本只适用于非图像标记

jVectorMap标记为图标

1 个答案: