마커를 이미지로 사용

Question

JVectorMap을 사용하여 세계지도를 만들려고하지만 마커를 기본값으로 원이 아닌 이미지 (marker.png)로 지정합니다. 내가 할 수 있을까?

Answer 1

아직이 feature은 다음 릴리스 중 하나에 대한 계획입니다.

Answer 2

이미지 마커가 필요하면 새 레이어 (지도에서 svg 레이어 위에 div)를 사용하고 각 마커에 새 div를 입력하고 위치를 설정하십시오.

지도

map = $("#world-map-gdp").vectorMap('get', 'mapObject'); 

참조를 확인하고 새 레이어에있는 점의 위치를 ​​함수 map.latLngToPoint()를 사용합니다. 메이크업 줌이나 드래그 같은 기능을 사용하여 CSS를 왼쪽, 및 CSS 정상을 적용하는 경우

var newMarkerP = map.latLngToPoint(lat,lng); 
$('#marker1').css('top',newMarkerP.x); 
$('#marker1').css('left',newMarkerP.y); 

당신은 마커를 재배치 할 수 있습니다.

새로운 마커의 위쪽과 왼쪽으로 재생할 수도 있지만 쉬운 해결책입니다.

Answer 3

이미지 기반 마커의 공식 예입니다 - 대신 'R'의 '이미지'를 사용 할 수 있습니다 마커 스타일의 설정에서 http://jvectormap.com/examples/marker-icons/

Answer 4

:

 var myMarkerStyle = { 
      initial: { 
      image: 'files/fkd/marker.png' 
      } 
     };