有人知道如何在jVectorMap中添加图像作为标记吗?
我在这里读了很多关于堆栈溢出的文章,解决了同样的问题,但我没能做到。
我的代码是下一个:
$(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-28 10:32:00
我也面临过同样的问题。看起来jVectorMap并不支持JQuery v.3.x.x的所有特性。我已经尝试过所有的旧版本,发现2.2.4很好用。最新的Jquery版本只适用于非图像标记。
https://stackoverflow.com/questions/40292402
复制相似问题