2016-10-27 3 views
2

누구든지 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">

하지만이 코드를 실행하려고하면이 오류가 매번 와서 :

내 코드는 다음 중 하나입니다 또한

enter image description here

I을 추가하고 싶습니다 나는 이것을 http://jvectormap.com/examples/marker-icons/이라고 읽었지만 작동하지 않았습니다.

답변

1

동일한 문제에 직면했습니다. jVectorMap이 JQuery v.3.x.x의 모든 기능을 지원하지 않는 것 같습니다. 이전 버전을 모두 시험해 보았는데 2.2.4가 훌륭하게 작동한다는 것을 알았습니다. 최신 Jquery 버전은 이미지가 아닌 마커에서만 제대로 작동합니다.

+0

그랬습니다! 고맙습니다. jQuery 2.2.4가 훌륭하게 작동합니다! – seergiue

관련 문제