JVectorMap을 사용하여 세계지도를 만들려고하지만 마커를 기본값으로 원이 아닌 이미지 (marker.png)로 지정합니다. 내가 할 수 있을까?마커를 이미지로 사용
2
A
답변
0
0
이미지 마커가 필요하면 새 레이어 (지도에서 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);
당신은 마커를 재배치 할 수 있습니다.
새로운 마커의 위쪽과 왼쪽으로 재생할 수도 있지만 쉬운 해결책입니다.
0
이미지 기반 마커의 공식 예입니다 - 대신 'R'의 '이미지'를 사용 할 수 있습니다 마커 스타일의 설정에서 http://jvectormap.com/examples/marker-icons/
0
:
var myMarkerStyle = {
initial: {
image: 'files/fkd/marker.png'
}
};
확인이 솔루션 : 은 http://stackoverflow.com/questions/14201326/drawing-custom-markers-on-a-jvectormap/15361955#15361955 –