taiwan-vue-components
Taiwan SVG chart components 台灣行政區 SVG 圖表 組件
Install
$ npm install taiwan-vue-components --save
Live Demo
Usage
Country 台灣縣市圖
Html
Node.js
<Country width="800" height="600" stroke="#000000" fill="#DCDCDC" fit="true"></Country><Taipei width="800" height="600" stroke="#000000" fill="#DCDCDC" fit="false" lon="121.54" lat="25.09" scale="100000"></Taipei><Ilan></Ilan><Hsinchu></Hsinchu><Hsinchu-City></Hsinchu-City><Miaoli></Miaoli><Changhua></Changhua><Nantou></Nantou><Yunlin></Yunlin><Chiayi></Chiayi><Chiayi-City></Chiayi-City><Pingtung></Pingtung><Taitung></Taitung><Hualien></Hualien><Penghu></Penghu><Keelung></Keelung><Kaohsiung></Kaohsiung><New-Taipei></New-Taipei><Taichung></Taichung><Tainan></Tainan><Taoyuan></Taoyuan><Matsu></Matsu><Kinmen></Kinmen>
-
fill 縣市區塊顏色 預設 #FFFFFF
-
stroke 縣市線段顏色 預設: #000000
-
width SVG 寬 預設: 375
-
height SVG 高 預設: 667
-
lon 投影經度 預設: 120.751864
-
lat 投影緯度 預設: 23.400998
-
scale 台灣投影大小 預設: 7800
-
fit 自動調整圖形參數 預設: false