チュートリアル8 - 版の履歴

Admin: /* Raster */

2025-02-17T02:17:05Z

‎Raster

2025-02-17T02:16:45Z

‎Raster

2025-02-17T02:15:35Z

‎Raster

2024-07-24T10:28:38Z

‎ArrayMesh.html, ArrayMesh.js

2024-07-19T10:18:09Z

‎ArrayMesh.html

2023-06-23T14:26:35Z

‎チュートリアル8 WebApp Layer メッシュデータ

2023-04-11T09:08:13Z

‎Container.svg

2022-03-11T05:08:03Z

‎Gridded XYZ

2022-03-11T05:04:49Z

‎メッシュデータとは

2022-03-11T05:02:42Z

‎メッシュデータとは

@@ 108行目: / 108行目: @@
 ==== Raster ====
 * 上図メッシュデータの構造をそのままデータ化したものです。
-* よく使用されるASCII(テキスト)符号化形式: [https://en.wikipedia.org/wiki/Esri_grid AAIGrid wikipedia] ([https://gdal.org/en/stable/drivers/raster/aaigrid.html gdalの説明)
+* よく使用されるASCII(テキスト)符号化形式: [https://en.wikipedia.org/wiki/Esri_grid AAIGrid wikipedia] ([https://gdal.org/en/stable/drivers/raster/aaigrid.html gdalの説明])
 * 圧縮が効きやすいデータのため、差分符号化、バイナリ符号化も よく行われます。ビットイメージデータ形式（ただしロスレス形式）をそのまま利用することもあります。
 ** [https://ja.wikipedia.org/wiki/GeoTIFF GeoTIFF]

@@ 108行目: / 108行目: @@
 ==== Raster ====
 * 上図メッシュデータの構造をそのままデータ化したものです。
-* よく使用されるASCII(テキスト)符号化形式: [https://en.wikipedia.org/wiki/Esri_grid AAIGrid]
+* よく使用されるASCII(テキスト)符号化形式: [https://en.wikipedia.org/wiki/Esri_grid AAIGrid wikipedia] ([https://gdal.org/en/stable/drivers/raster/aaigrid.html gdalの説明)
 * 圧縮が効きやすいデータのため、差分符号化、バイナリ符号化も よく行われます。ビットイメージデータ形式（ただしロスレス形式）をそのまま利用することもあります。
 ** [https://ja.wikipedia.org/wiki/GeoTIFF GeoTIFF]

@@ 108行目: / 108行目: @@
 ==== Raster ====
 * 上図メッシュデータの構造をそのままデータ化したものです。
-* よく使用されるASCII(テキスト)符号化形式: [https://gdal.org/drivers/raster/xyz.html AAIGrid]
+* よく使用されるASCII(テキスト)符号化形式: [https://en.wikipedia.org/wiki/Esri_grid AAIGrid]
 * 圧縮が効きやすいデータのため、差分符号化、バイナリ符号化も よく行われます。ビットイメージデータ形式（ただしロスレス形式）をそのまま利用することもあります。
 ** [https://ja.wikipedia.org/wiki/GeoTIFF GeoTIFF]

@@ 332行目: / 332行目: @@
 <meta charset="UTF-8">
 </head>
 <script src="ArrayMesh.js"></script>

@@ 306行目: / 306行目: @@
 </pre>
-==ArrayMesh.html==
+==ArrayMesh.html, ArrayMesh.js==
 メッシュデータを読み込み、一個一個のメッシュをsvgのrect要素として可視化します。
 *<code>addEventListener("load",async function(){..</code> : webAppロード後 fetchAPIでメッシュデータを読み込み
@@ 332行目: / 332行目: @@
 <meta charset="UTF-8">
 </head>
-<script>
+<script src="ArrayMesh.js"></script>
 var csvPath = "mesh.csv";
@@ 509行目: / 540行目: @@
 	drawMesh(csvLines, csvProps, range.minVal, range.maxVal);
+}
 </pre>

@@ 1行目: / 1行目: @@
 =チュートリアル8 WebApp Layer メッシュデータ=
 * 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/mesh1/mesh1.html こちら]をクリック。
-* [https://svgmap.org/devinfo/devkddi/tutorials/mesh1/ ソースコードのディレクトリ]
+* 使用ファイルの[https://www.svgmap.org/devinfo/devkddi/tutorials/mesh1.zip ZIPアーカイブファイル]

@@ 281行目: / 281行目: @@
 <!-- OpenStretMap背景地図を表示状態として読み込む -->
-<animation xlink:href="../tutorial5/dynamicOSM_r11.svg" x="-3000" y="-3000" width="6000" height="6000" title="Japan Coastline" class="basemap" visibility="visible"/>
+<animation xlink:href="./dynamicOSM_r11.svg" x="-3000" y="-3000" width="6000" height="6000" title="Japan Coastline" class="basemap" visibility="visible"/>
 <!-- CSVのメッシュデータレイヤーを表示状態として読み込む -->

← 古い版		2022年3月11日 (金) 05:08時点における版
133行目:		133行目:
	</code></pre>		</code></pre>

−	ここで、Gridded ~~XYZではレコードの並びの順番は問いません。また、格子点にデータが無い場合はそのレコードは省略をできます。~~	+	ここで、Gridded XYZではレコードの並びの順番は問いません。また、格子点にデータが無い場合はそのレコードは省略をできます。データによってはX,Y値が重複するデータ（正規化されていないデータ）が交換されることもあります。このように正規化されていなくても記述できることが特徴的と言えます。

@@ 13行目: / 13行目: @@
 |+10x8 meshData (X0=xx,Y0=yy,interval=ii)
 |-
-|0,0
+|Val0,0
-|1,0
+|Val1,0
-|2,0
+|Val2,0
-|3,0
+|Val3,0
-|4,0
+|Val4,0
-|5,0
+|Val5,0
-|6,0
+|Val6,0
-|7,0
+|Val7,0
-|8,0
+|Val8,0
-|9,0
+|Val9,0
 |-
-|0,1
+|Val0,1
-|1,1
+|Val1,1
-|2,1
+|Val2,1
-|3,1
+|Val3,1
-|4,1
+|Val4,1
-|5,1
+|Val5,1
-|6,1
+|Val6,1
-|7,1
+|Val7,1
-|8,1
+|Val8,1
-|9,1
+|Val9,1
 |-
-|0,2
+|Val0,2
-|1,2
+|Val1,2
-|2,2
+|Val2,2
-|3,2
+|Val3,2
-|4,2
+|Val4,2
-|5,2
+|Val5,2
-|6,2
+|Val6,2
-|7,2
+|Val7,2
-|8,2
+|Val8,2
-|9,2
+|Val9,2
 |-
-|0,3
+|Val0,3
-|1,3
+|Val1,3
-|2,3
+|Val2,3
-|3,3
+|Val3,3
-|4,3
+|Val4,3
-|5,3
+|Val5,3
-|6,3
+|Val6,3
-|7,3
+|Val7,3
-|8,3
+|Val8,3
-|9,3
+|Val9,3
 |-
-|0,4
+|Val0,4
-|1,4
+|Val1,4
-|2,4
+|Val2,4
-|3,4
+|Val3,4
-|4,4
+|Val4,4
-|5,4
+|Val5,4
-|6,4
+|Val6,4
-|7,4
+|Val7,4
-|8,4
+|Val8,4
-|9,4
+|Val9,4
 |-
-|0,5
+|Val0,5
-|1,5
+|Val1,5
-|2,5
+|Val2,5
-|3,5
+|Val3,5
-|4,5
+|Val4,5
-|5,5
+|Val5,5
-|6,5
+|Val6,5
-|7,5
+|Val7,5
-|8,5
+|Val8,5
-|9,5
+|Val9,5
 |-
-|0,6
+|Val0,6
-|1,6
+|Val1,6
-|2,6
+|Val2,6
-|3,6
+|Val3,6
-|4,6
+|Val4,6
-|5,6
+|Val5,6
-|6,6
+|Val6,6
-|7,6
+|Val7,6
-|8,6
+|Val8,6
-|9,6
+|Val9,6
 |-
-|0,7
+|Val0,7
-|1,7
+|Val1,7
-|2,7
+|Val2,7
-|3,7
+|Val3,7
-|4,7
+|Val4,7
-|5,7
+|Val5,7
-|6,7
+|Val6,7
-|7,7
+|Val7,7
-|8,7
+|Val8,7
-|9,7
+|Val9,7
 |}

@@ 102行目: / 102行目: @@
 |}
-上の図で、個々の升目が一個のメッシュ、升目の中の数字はメッシュの番号(二次元配列の番号）、それぞれの升目の中に値が入ります。またX0,Y0,intervalでそれぞれ原点の座標値、メッシュの間隔（これによって各メッシュの座標を割り出せる）メタデータです。
+上の図で、個々の升目が一個のメッシュ、升目の中の数字はメッシュの番号(二次元配列の番号）、それぞれの升目の中に値が入ります。また括弧の中のメタデータX0,Y0,intervalが原点の座標値、メッシュ間隔です。（メタデータとしてはさらにデータの単位や座標系・説明などが記述されることがある）
 ===メッシュデータ形式の種類===