「チュートリアル3b」の版間の差分

提供: svg2wiki
移動先: 案内、 検索
(→‎データを変換)
(→‎データを変換)
24行目: 24行目:
 
* <code>mkdir coastl</code>
 
* <code>mkdir coastl</code>
 
* <code>cd [PATH_TO_TOOLS]</code>
 
* <code>cd [PATH_TO_TOOLS]</code>
−
* <code>Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#000000" [PATH_TO_DATA]\gm-jpn-all_u_2_2\coastl_jpn.shp [PATH_TO_DATA]\gm-jpn-all_u_2_2\coastl\coastl_jpn.svg </code>
+
* <code>Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#000000" [PATH_TO_DATA]\coastl_jpn.shp [PATH_TO_DATA]\coastl\coastl_jpn.svg </code>
−
* <code>Shape2ImageSVGMap [PATH_TO_DATA]\gm-jpn-all_u_2_2\coastl\coastl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\gm-jpn-all_u_2_2\coastl_jpn.shp "#000000" "#000000" 0 2</code>
+
* <code>Shape2ImageSVGMap [PATH_TO_DATA]\coastl\coastl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\coastl_jpn.shp "#000000" "#000000" 0 2</code>
−
* <code>Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#00ff00" [PATH_TO_DATA]\gm-jpn-all_u_2_2\roadl_jpn.shp [PATH_TO_DATA]\gm-jpn-all_u_2_2\roadl\roadl_jpn.svg</code>
+
* <code>Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#00ff00" [PATH_TO_DATA]\roadl_jpn.shp [PATH_TO_DATA]\roadl\roadl_jpn.svg</code>
−
* <code>Shape2ImageSVGMap [PATH_TO_DATA]\gm-jpn-all_u_2_2\roadl\roadl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\gm-jpn-all_u_2_2\roadl_jpn.shp "#00ff00" "#00ff00" 0 2</code>
+
* <code>Shape2ImageSVGMap [PATH_TO_DATA]\roadl\roadl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\roadl_jpn.shp "#00ff00" "#00ff00" 0 2</code>
 +
 
 +
* [PATH_TO_DATA]\coastl 及び [PATH_TO_DATA]\roadl の内容を、全てホストに転送
  
 
Note:
 
Note:

2023年4月11日 (火) 10:20時点における版

チュートリアル3b SVGMapToolsを用いたタイル作成とその表示

実際の動作はこちらをクリック。

タイリングされたコンテンツの準備

  • この章では、svgMapToolsを用いて、shapefileからタイリングされた地図コンテンツを準備し、それを表示します。

そのため、svgMapToolsの設定を含むチュートリアルを先ず実施してください。

  • 本チュートリアルでは、国土地理院の地球地図　日本のデータ（ファイル形式：shapefile、ベクトル地理データ）を表示してみます。

SVGMapToolsの設定

ソースデータのダウンロード

データを変換

Shapefileから、SVGMapのタイリングされたコンテンツを生成します。

以下はWindowsで実行した例です。

  • cd [PATH_TO_DATA]
  • mkdir roadl
  • mkdir coastl
  • cd [PATH_TO_TOOLS]
  • Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#000000" [PATH_TO_DATA]\coastl_jpn.shp [PATH_TO_DATA]\coastl\coastl_jpn.svg
  • Shape2ImageSVGMap [PATH_TO_DATA]\coastl\coastl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\coastl_jpn.shp "#000000" "#000000" 0 2
  • Shape2SVGMap.bat -micrometa2 -level 3 -limit 200 -showtile -densityControl 400 -lowresimage -strokefix 2 -color "#00ff00" [PATH_TO_DATA]\roadl_jpn.shp [PATH_TO_DATA]\roadl\roadl_jpn.svg
  • Shape2ImageSVGMap [PATH_TO_DATA]\roadl\roadl_jpn.svg -sumUp 16 -antiAlias [PATH_TO_DATA]\roadl_jpn.shp "#00ff00" "#00ff00" 0 2
  • [PATH_TO_DATA]\coastl 及び [PATH_TO_DATA]\roadl の内容を、全てホストに転送

Note:

  • [PATH_TO_DATA]をダウンロードしたデータを解凍したディレクトリ
  • [PATH_TO_TOOLS]はSVGMapToolsのtoolsディレクトリ

tutorial3b.html

基本的に、チュートリアル2bで使用したtutorial2b.htmlと同様です。

Container.svg

チュートリアル1と同様のCoastline.svgと重ね合わせて表示するビットマップイメージのbitmapImage.svgを読み込む。 

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="122.9800817, -45.398095, 21.97626, 21.0533039" >
 <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(1,0,0,-1,0,0)" />

<!-- 日本の海岸線データのSVGファイルを表示状態として読み込む -->
<animation xlink:href="Coastline.svg" x="-3000" y="-3000" width="6000" height="6000" title="Japan Coastline" visibility="visible"/>
<!-- ビットマップイメージのSVGファイルを表示状態として読み込む -->
<animation xlink:href="bitmapImage.svg" x="-3000" y="-3000" width="6000" height="6000" title="Bitmap Image SVG" visibility="visible"/>

</svg>

Coastline.svg

bitmapImage.svg

「https://www.svgmap.org/wiki_test/index.php?title=チュートリアル3b&oldid=1575」から取得