SVG Path만 있다면 jVectorMap으로 가능하다.
아래는 SVG 샘플...
1 2 3 4 5 | <!--?xml version="1.0" encoding="utf-8"?--> < svg x = "0px" y = "0px" width = "841.89px" height = "595.28px" viewBox = "0 0 841.89 595.28" enable-background = "new 0 0 841.89 595.28" xml:space = "preserve" > < path fill = "#99BC52" d = "M340,276l-2,42l-72,30l-99,136l101-273L340,276z" ></ path > < path fill = "#99BC52" d = "M369,327c0,0,36-82,39-83s80-17,80-17l58-79l128-54l14,9l-82,69l-23,123L429,470L369,327z" ></ path > </ svg > |
위 샘플을 아래 사이트에서 확인할 수 있다.
svg to jvectormap : http://svgto.jvectormap.com
'웹 개발 > jVectorMap' 카테고리의 다른 글
SVG를 이용하여 jVectorMap을 구성하였을 경우 위/경도 좌표 표시하기. (0) | 2013.07.31 |
---|---|
Shape -> jVectorMap 변환 방법! (0) | 2013.07.25 |
jVectorMap - Shape 다운로드 하기.. (0) | 2013.07.17 |
jVectorMap - Map Converting for Window (0) | 2013.07.17 |
jVectorMap - Map Converting for Ubuntu (0) | 2013.07.17 |