jVectorMap 플러그인을 사용하여 세계지도에서 특정 도시를 강조 표시하는 방법

Question

jVectorMap을 사용하여지도에서 특정 도시를 강조 표시하려면 작은 식별자가 있어야합니다. 그렇게하는 이상적인 방법은 무엇입니까? 지도에 이미지 (예 : 샌프란시스코 근처에서 3px 넓고 붉은 색으로 표시)와 같은 것을 넣을 수 있습니다. 이렇게하면 사용자는 일반적으로 미국이 아닌 정확한 위치를 찾을 수 있습니다.

Answer 1

당신은 jVectorMap의 마지막 버전에서 그것을 할 수 있습니다.

Answer 2

jVectorMap은 바로 벡터를 그립니다. 사실 "포인트"를 정의하는 API에 대한 언급이 없습니다. 따라서 샌프란시스코 주변에 작은 폴리곤을 그릴 수도 있고 수동으로 이미지를 오버레이 할 수도 있습니다. jsFiddle

<img src="http://www.changosurf.com/images/marker_red.png" id="sanFranMarker" title="San Fransisco"/> 

...

#map-usa { position: relative; width: 600px; height: 400px;} 
#sanFranMarker{ position: absolute; top: 160px; left:17px;}