独自ホストにsvgmapAppLayersをコピーして利用 - 版の履歴

Admin: /* 参考情報：svgmap.jsをロードする地図ページの構成 */

2025-09-17T10:39:09Z

‎参考情報：svgmap.jsをロードする地図ページの構成

Admin: /* 参考情報：svgmap.jsをロードする地図ページの構成 */

2025-09-17T10:36:05Z

‎参考情報：svgmap.jsをロードする地図ページの構成

Admin: /* Container.svg */

2025-09-17T10:30:59Z

‎Container.svg

Admin: /* 手順 */

2025-07-18T08:40:50Z

‎手順

Admin: /* 手順 */

2025-07-18T08:40:00Z

‎手順

Admin: /* 手順 */

2025-07-08T00:22:58Z

‎手順

Admin: /* 手順 */

2025-07-07T13:24:29Z

‎手順

2025年7月7日 (月) 13:23にAdminによる

2025-07-07T13:23:19Z

Admin: /* 手順 */

2025-07-07T13:22:13Z

‎手順

Admin: /* はじめに */

2025-07-07T09:35:06Z

‎はじめに

@@ 85行目: / 85行目: @@
 ==参考情報：svgmap.jsをロードする地図ページの構成==
-以下のgithubリポジトリの内容をcloneすれば、本チュートリアルで説明したsvgmap.jsによる地図ウェブアプリページを簡単に構成することができます。このリポジトリはsvgmap.orgの公式デモページの一つをgithubpagesとして公開しているもので、３次元可視化機能や、カスタムレイヤーマネージメント機能等、svgmapjsが持つ拡張機能も設定されています。
+以下のgithubリポジトリの内容をcloneすれば、本チュートリアルで説明したsvgmap.jsによる地図ウェブアプリページを簡単に構成することができます。このリポジトリはsvgmap.orgの公式デモページの一つをgithubpagesとして公開しているもので、３次元可視化機能や、カスタムレイヤーマネージメント機能等、svgmapjsが持つ拡張機能も設定済みです。
 https://github.com/svgmap/svgMapDemo
-ただし、CORSプロキシについては、上記githubはsvgmap.orgの公式デモシステム専用に用意されたものを設定してありますので、ご自身のサイトで別途CORSプロキシを用意し、これをhtmlの中のソースで設定してください。[[チュートリアル#.E3.82.AF.E3.83.AD.E3.82.B9.E3.82.AA.E3.83.AA.E3.82.B8.E3.83.B3.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B9|CORSプロキシの設定については、こちらを参照]]
+ただし、CORSプロキシについては、上記githubリポジトリのソースではsvgmap.orgの公式デモシステム専用に用意されたものが設定されていますので、ご自身のサイトで別途用意したCORSプロキシ用にhtmlの中のソースの該当部分を編集してください。[[チュートリアル#.E3.82.AF.E3.83.AD.E3.82.B9.E3.82.AA.E3.83.AA.E3.82.B8.E3.83.B3.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B9|CORSプロキシの設定については、こちらを参照]]
 参考：[https://svgmap.github.io/svgMapDemo/ 上記githubリポジトリによるSVGMap公式デモページ]

@@ 85行目: / 85行目: @@
 ==参考情報：svgmap.jsをロードする地図ページの構成==
-以下のgithubの内容をcloneすれば、本チュートリアルで説明したsvgmap.jsによる地図ウェブアプリページを簡単に構成することができます。3D可視化機能や、カスタムレイヤーマネージメント機能等、svgmapjsが持つ拡張機能も設定されています。
+以下のgithubリポジトリの内容をcloneすれば、本チュートリアルで説明したsvgmap.jsによる地図ウェブアプリページを簡単に構成することができます。このリポジトリはsvgmap.orgの公式デモページの一つをgithubpagesとして公開しているもので、３次元可視化機能や、カスタムレイヤーマネージメント機能等、svgmapjsが持つ拡張機能も設定されています。
 https://github.com/svgmap/svgMapDemo
 ただし、CORSプロキシについては、上記githubはsvgmap.orgの公式デモシステム専用に用意されたものを設定してありますので、ご自身のサイトで別途CORSプロキシを用意し、これをhtmlの中のソースで設定してください。[[チュートリアル#.E3.82.AF.E3.83.AD.E3.82.B9.E3.82.AA.E3.83.AA.E3.82.B8.E3.83.B3.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B9|CORSプロキシの設定については、こちらを参照]]

← 古い版		2025年9月17日 (水) 10:30時点における版
83行目:		83行目:
	</svg>		</svg>
	</pre>		</pre>
		+
		+	==参考情報：svgmap.jsをロードする地図ページの構成==
		+	以下のgithubの内容をcloneすれば、本チュートリアルで説明したsvgmap.jsによる地図ウェブアプリページを簡単に構成することができます。3D可視化機能や、カスタムレイヤーマネージメント機能等、svgmapjsが持つ拡張機能も設定されています。
		+
		+	https://github.com/svgmap/svgMapDemo
		+
		+	ただし、CORSプロキシについては、上記githubはsvgmap.orgの公式デモシステム専用に用意されたものを設定してありますので、ご自身のサイトで別途CORSプロキシを用意し、これをhtmlの中のソースで設定してください。[[チュートリアル#.E3.82.AF.E3.83.AD.E3.82.B9.E3.82.AA.E3.83.AA.E3.82.B8.E3.83.B3.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B9\|CORSプロキシの設定については、こちらを参照]]

@@ 13行目: / 13行目: @@
 * 使いたいレイヤー以外のディレクトリは消去して構いません
 ** ただしcommonLib（共通ライブラリ）は、各ディレクトリの中からシンボリックリンクが張られているファイル群のため、基本的には削除できません。(使用するレイヤーのディレクトリから参照されていないファイルを消すことは可能）
-* authoringLayers/bbsディレクトリはphpを使って、オーサリングしたものをサーバに保存する機能に関する実装です、このチュートリアルでは扱いませんので不用意なサーバ動作を防ぐため必ず削除してください。
+* authoringLayers内のbbsディレクトリ(authoringLayers/bbs)はphpを使って、オーサリングしたものをサーバに保存する機能に関する実装です、このチュートリアルでは扱いませんので不用意なサーバ動作を防ぐため必ず削除してください。
 * 地図ページのhtmlを用意（前章と同じです）
 * img, jsディレクトリとその内容を配置

@@ 12行目: / 12行目: @@
 ** gitコマンドでクローンする　<code>git clone git@github.com:svgmap/svgmapAppLayers</code>
 * 使いたいレイヤー以外のディレクトリは消去して構いません
-** ただしcommonLibは共通ライブラリは各ディレクトリの中からシンボリックリンクが張られているファイル群のため、基本的には削除できません。(使用するレイヤーのディレクトリから参照されていないファイルを消すことは可能）
+** ただしcommonLib（共通ライブラリ）は、各ディレクトリの中からシンボリックリンクが張られているファイル群のため、基本的には削除できません。(使用するレイヤーのディレクトリから参照されていないファイルを消すことは可能）
 * authoringLayers/bbsディレクトリはphpを使って、オーサリングしたものをサーバに保存する機能に関する実装です、このチュートリアルでは扱いませんので不用意なサーバ動作を防ぐため必ず削除してください。
 * 地図ページのhtmlを用意（前章と同じです）

@@ 9行目: / 9行目: @@
 == 手順 ==
 * [https://github.com/svgmap/svgmapAppLayers svgmapAppLayer]の内容を複製します
-** https://github.com/svgmap/svgmapAppLayers の UI(Codeボタン⇒[https://github.com/svgmap/svgmapAppLayers/archive/refs/heads/main.zip Download ZIP])でダウンロードする(解凍はシンボリックリンクが有効な環境(linux等)で実施)<BR> か、
+** https://github.com/svgmap/svgmapAppLayers の UI(<>Codeボタン⇒[https://github.com/svgmap/svgmapAppLayers/archive/refs/heads/main.zip Download ZIP])でダウンロードする(解凍はシンボリックリンクが有効な環境(linux等)で実施)<BR> か、
 ** gitコマンドでクローンする　<code>git clone git@github.com:svgmap/svgmapAppLayers</code>
 * 使いたいレイヤー以外のディレクトリは消去して構いません

@@ 4行目: / 4行目: @@
 * 実際の動作は[https://www.svgmap.org/devinfo/devkddi/tutorials/ghAppLayersClone/ghAppLayers_clone.html こちら]をクリック
-** このサンプルでは、国交省道路交通情報系のレイヤーと、CSVオーサリングツールレイヤーのみを使用しています
+** このサンプルでは、国交省道路交通情報のレイヤー群と、CSVオーサリングツールレイヤー、basemapsのみを使用しています
 * 使用ファイルの[https://www.svgmap.org/devinfo/devkddi/tutorials/ghAppLayersClone.zip ZIPアーカイブファイル]