SVG_map.html

﻿<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>簡易型臺灣地圖圖表製作工具: 可程式化的工具，設定好各縣市的數量顏色資訊後，直接輸出臺灣地圖 SVG</title>
	<script type="module" src="SVG_map.web.mjs"></script>
	<script src="https://kanasimi.github.io/CeJS/ce.js"></script>

	<style>
		#map_options_panel {
			width: 90%;
			height: 20em;
		}
	</style>
</head>

<body>
	<object id="original_SVG_file" data="resources/Taiwan map labeled - no town.svg" width="0" height="0" type="image/svg+xml"
			style="visibility:hidden ;"></object>


	<div id="loading_panel">Loading... (請等待最多1分鐘以載入程式庫與地圖)</div>
	<div id="main_panel" style="display:none;">
		請按 CSV 或 TSV 格式，依序順序輸入 <b>縣市名稱, 要顯示的 label文字, 縣市區塊背景顏色, label文字顏色</b>。TSV 中間以 tab 分隔，請先在別處打好複製過來。<br />
		每個縣市一行：
		<!-- @see convert_map_options() --><br />
		<textarea id="map_options_panel">
"馬祖","馬祖label","red","orange"
"台東","臺東label","#eff"
</textarea><br />
		本工具亦有命令列版本，請參照 <a href="https://github.com/kanasimi/taiwan_svg_map" target="_blank">kanasimi/taiwan_svg_map</a>。<br />
		本工具地圖底本衍生自 <a href="https://commons.wikimedia.org/wiki/File:Taiwan_map_labeled.svg" target="_blank">File:Taiwan map labeled.svg</a>，您可以加以改進後提交議題以更新。<br />
	</div>

	<img id="preview_image" />

</body>

</html>