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

Admin: /* mesh3b.html */

2024-09-12T09:53:19Z

‎mesh3b.html

Admin: /* rasterMeshI.html, geoidCalc.js */

2024-07-19T10:26:22Z

‎rasterMeshI.html, geoidCalc.js

Admin: /* rasterMeshI.html */

2024-07-19T10:25:56Z

‎rasterMeshI.html

Admin: /* チュートリアル11 WebApp Layer 地図を使った位置指定UI */

2023-06-23T14:30:50Z

‎チュートリアル11 WebApp Layer 地図を使った位置指定UI

Admin: /* mesh3b.html */

2023-04-11T08:24:05Z

‎mesh3b.html

Admin: /* Container.svg */

2022-02-16T10:10:59Z

‎Container.svg

Admin: /* mesh3b.html */

2022-02-16T10:10:43Z

‎mesh3b.html

Admin: /* mesh3b.html */

2022-02-16T10:10:16Z

‎mesh3b.html

Admin: /* rasterMeshI.svg */

2022-02-16T10:09:50Z

‎rasterMeshI.svg

Admin: /* mesh3b.html */

2022-02-16T10:09:09Z

‎mesh3b.html

@@ 9行目: / 9行目: @@
 ==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/mesh3b.html mesh3b.html]==
-*地図上で幾つかの図形を作成・編集できるUIを提供するライブラリ、<code>SVGMapLv0.1_Authoring_r7.js</code>を読み込んでいます。
+特にこれまでと大きな違いはありません。
 <pre>
@@ 22行目: / 21行目: @@
 <!-- SVGMapのコアAPIの読み込み -->
-<script type="text/javascript" src="./js/SVGMapLv0.1_r17.js"></script>
+<script type="module">
-<script type="text/javascript" src="./js/SVGMapLv0.1_LayerUI2_r4.js"></script>
+  import { svgMap } from 'https://cdn.jsdelivr.net/gh/svgmap/svgmapjs@latest/SVGMapLv0.1_r18module.js';
+  window.svgMap=svgMap
-<!-- SVGMap GISライブラリの読み込み-->
+</script>
 <!-- レイヤーリストUIのスタイルシート読み込み -->

@@ 68行目: / 68行目: @@
 [[チュートリアル10#Container.svg|チュートリアル10]]と特に大きな違いはありません。
-==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/rasterMeshI.html rasterMeshI.html]==
+==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/rasterMeshI.html rasterMeshI.html], [https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/geoidCalc.js geoidCalc.js]==
 [[チュートリアル10#rasterMesh.html|チュートリアル10]]のコードに対して、地図上で位置を指定するUIと、その位置のジオイド高を計算する機能が追加されています。
 *地図上で位置を指定するUI：SVGMapAuthoring.jsというSVGMap.js用の追加ライブラリを用いています。
@@ 82行目: / 82行目: @@
 **バイリニア補間を用いて任意の緯度経度（ただしグリッドデータのある範囲）におけるジオイド高を計算します。
 <pre>
 <script>
 ...
@@ 147行目: / 143行目: @@
+}
 </pre>

← 古い版		2023年6月23日 (金) 14:30時点における版
5行目:		5行目:

	* 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/mesh3b.html こちら]をクリック。		* 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/mesh3b.html こちら]をクリック。
−	* [https://svgmap.org/devinfo/devkddi/tutorials/mesh3b~~/ ソースコードのディレクトリ~~]	+	* 使用ファイルの[https://www.svgmap.org/devinfo/devkddi/tutorials/mesh3b.zip ZIPアーカイブファイル]

@@ 22行目: / 22行目: @@
 <!-- SVGMapのコアAPIの読み込み -->
-<script type="text/javascript" src="../js/SVGMapLv0.1_r17.js"></script>
+<script type="text/javascript" src="./js/SVGMapLv0.1_r17.js"></script>
-<script type="text/javascript" src="../js/SVGMapLv0.1_LayerUI2_r4.js"></script>
+<script type="text/javascript" src="./js/SVGMapLv0.1_LayerUI2_r4.js"></script>
 <!-- SVGMap GISライブラリの読み込み-->
-<script type="text/javascript" src="../js/jsts.min.js"></script>
+<script type="text/javascript" src="./js/jsts.min.js"></script>
-<script type="text/javascript" src="../js/SVGMapLv0.1_GIS_r3.js"></script>
+<script type="text/javascript" src="./js/SVGMapLv0.1_GIS_r3.js"></script>
 <!-- SVGMap Authoringライブラリの読み込み-->
-<script type="text/javascript" src="../js/SVGMapLv0.1_Authoring_r7.js"></script>
+<script type="text/javascript" src="./js/SVGMapLv0.1_Authoring_r7.js"></script>
 <!-- レイヤーリストUIのスタイルシート読み込み -->
-<link href="../js/layerListStyle.css" rel="stylesheet" type="text/css">
+<link href="./js/layerListStyle.css" rel="stylesheet" type="text/css">
 <body bgcolor="#ffffff" style="overflow:hidden;" >
@@ 40行目: / 40行目: @@
   <div id="gui">
 <!-- ズームアップボタン -->
-   <img id="zoomupButton" style="left: 5px; top: 5px; position: absolute;" src="../img/zoomup.png" onclick="svgMap.zoomup()" width="20" height="20" />
+   <img id="zoomupButton" style="left: 5px; top: 5px; position: absolute;" src="./img/zoomup.png" onclick="svgMap.zoomup()" width="20" height="20" />
 <!-- ズームダウンボタン -->
-   <img id="zoomdownButton" style="left: 5px; top: 25px; position: absolute;" src="../img/zoomdown.png" onclick="svgMap.zoomdown()" width="20" height="20" />
+   <img id="zoomdownButton" style="left: 5px; top: 25px; position: absolute;" src="./img/zoomdown.png" onclick="svgMap.zoomdown()" width="20" height="20" />
 <!-- GPSボタン -->
-   <img id="gpsButton" style="left: 5px; top: 45px; position: absolute;" src="../img/gps.png" onclick="svgMap.gps()" width="20" height="20" />
+   <img id="gpsButton" style="left: 5px; top: 45px; position: absolute;" src="./img/gps.png" onclick="svgMap.gps()" width="20" height="20" />
 <!-- 画面右上に表示するタイトル -->
    <font color="blue" style="right: 5px; top: 5px; position: absolute;" >SVGMapLevel0.1 Rev14 Draft : Tutorial2 Coastline & Air Port</font>
@@ 50行目: / 50行目: @@
    <font color="blue" style="right: 5px; bottom: 5px; position: absolute;" size="-2" >by SVGMap tech.</font>
 <!-- 中央に表示される十字マーク -->
-   <img id="centerSight" style="opacity:0.5" src="../img/Xcursor.png" width="15" height="15"/>
+   <img id="centerSight" style="opacity:0.5" src="./img/Xcursor.png" width="15" height="15"/>
 <!-- 画面左下に表示される十字マークの緯度・経度(タイトル) -->
    <font id="posCmt" size="-2" color="brown" style="left: 5px; bottom: 5px; position: absolute;">Lat,Lng:</font>

@@ 63行目: / 63行目: @@
 ==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/Container.svg Container.svg]==
-これまでと特に変わったところはありません。
+これまでと特に大きな違いはありません。
 ==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/rasterMeshI.svg rasterMeshI.svg]==
 [[チュートリアル10#Container.svg|チュートリアル10]]と特に大きな違いはありません。

@@ 10行目: / 10行目: @@
 ==[https://svgmap.org/devinfo/devkddi/tutorials/mesh3b/mesh3b.html mesh3b.html]==
 *地図上で幾つかの図形を作成・編集できるUIを提供するライブラリ、<code>SVGMapLv0.1_Authoring_r7.js</code>を読み込んでいます。
-*他には大きな違いはありません。
+*他に大きな違いはありません。
 <pre>
 <!DOCTYPE html>
 <html>