1
최신 Jvectormap (1.2.2)을 사용하고 있지만 마커 내부에 텍스트를 추가하는 예는 찾을 수 없습니다. 해당 국가의 아이콘에 카운트를 표시하고 싶습니다.Jvectormap 마커 내부에 텍스트 추가
다음은 마커를 표시하기 위해 작성한 코드입니다.
$ ->
$('#world-map').vectorMap
map: "world_mill_en"
scaleColors: ["#C8EEFF", "#0071A4"]
backgroundColor: 'white'
regionStyle:
initial:
fill: "#D4D4D4"
markerStyle:
initial:
fill: "rgb(202,219,42)"
stroke: "#383f47"
markers: $("input#map_marker").data("values")
현재 컨트롤러에있는 마커 데이터를 생성하고 jvectormap에 전달하는 숨겨진 필드에 저장합니다. 난 그냥이 마커 내부의 카운트 값을 추가하고 싶었 화면에 마커를 얻을
[{"name":"Algeria","latLng":[27.2257,2.49295],"weburl":"/en/browse?country_ids=1","count":45,"id":1},
{"name":"Angola","latLng":[-11.2027,17.8739],"weburl":"/en/browse?country_ids=2","count":46,"id":2},
{"name":"Benin","latLng":[9.30769,2.31583],"weburl":"/en/browse?country_ids=3","count":43,"id":3},
{"name":"Botswana","latLng":[-22.3285,24.6849],"weburl":"/en/browse?country_ids=4","count":42,"id":4}]
임 수는 다음과 같이
데이터입니다.
미리 읽어 주셔서 감사합니다.
내가 마커 자체에있을 필요 반면 라벨에 텍스트를 표시 할 onMarkerLabelShow –