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

Admin: /* コード */

2024-07-24T10:32:04Z

‎コード

Admin: /* コード */

2024-07-19T10:30:16Z

‎コード

Admin: /* geoJsonExample2.html */

2024-07-19T10:29:22Z

‎geoJsonExample2.html

Admin: /* appendix:クロスオリジンアクセス */

2023-08-30T03:08:34Z

‎appendix:クロスオリジンアクセス

Admin: /* appendix:クロスオリジンアクセス */

2023-08-30T02:04:15Z

‎appendix:クロスオリジンアクセス

Admin: /* チュートリアル14 WebApp Layer ベクトル地理情報サービスの結合 */

2023-06-23T14:33:23Z

‎チュートリアル14 WebApp Layer ベクトル地理情報サービスの結合

Admin: /* appendix:クロスオリジンアクセス */

2023-05-12T01:19:22Z

‎appendix:クロスオリジンアクセス

Admin: /* プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 */

2023-05-12T01:18:15Z

‎プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能

Admin: /* プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 */

2023-05-12T01:17:57Z

‎プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能

Admin: /* appendix:クロスオリジンアクセス */

2023-05-12T01:16:52Z

‎appendix:クロスオリジンアクセス

@@ 65行目: / 65行目: @@
 	<title>SVGMapのwebAppレイヤーで、geoJsonを描画するサンプル</title>
 </head>
+<script src="https://cdn.jsdelivr.net/gh/svgmap/svgmapjs@latest/svgMapLayerLib.js"></script>
 <script src="geoJsonExample2.js"></script>
 <body>

← 古い版		2024年7月19日 (金) 10:30時点における版
56行目:		56行目:
	** <code>setInterval(function(){..}..)</code> 指定した間隔で定期的に更新する関数（地震データはリアルタイムに更新されるため）		** <code>setInterval(function(){..}..)</code> 指定した間隔で定期的に更新する関数（地震データはリアルタイムに更新されるため）

		+
		+	geoJsonExample2.html
		+	<pre>
		+	<!doctype html>
		+	<html>
		+	<head>
		+	<meta charset="utf-8"/>
		+	<title>SVGMapのwebAppレイヤーで、geoJsonを描画するサンプル</title>
		+	</head>
		+
		+	<script src="geoJsonExample2.js"></script>
		+	<body>
		+	<h3>area layer</h3>
		+	<p><a href="https://earthquake.usgs.gov/earthquakes/feed/">USGS Earthquake Hazards Program Feed</a>の可視化</p>
		+	期間<select id="dataSelect1" onchange="changeData()"></select><br>
		+	規模<select id="dataSelect2" onchange="changeData()"></select>
		+	<div id="messageDiv"></div>
		+	</body>
		+	</html>
		+	</pre>

	geoJsonExample2.js		geoJsonExample2.js

@@ 34行目: / 34行目: @@
 </pre>
-==geoJsonExample2.html==
+==geoJsonExample2.html, geoJsonExample2.js==
 ===[https://earthquake.usgs.gov/earthquakes/feed/v1.0/geojson.php USGS Earthquake GeoJSON Real-time Feeds]サービスについて===
 このサービスは全世界の地震発生状況を更新間隔1分リアルタイム配信しています。出力形式はGeoJson、出力データは時間間隔および地震規模でいくつか選択できるようになっています。リクエストにはクエリパートはなく、更新されたデータが常に同じURLで配信されます。
@@ 56行目: / 56行目: @@
 ** <code>setInterval(function(){..}..)</code>  指定した間隔で定期的に更新する関数（地震データはリアルタイムに更新されるため）
 <pre>
 var usgsEarthquakeService="https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/";
 var timeSpanKeys=["hour","day","week","month"]; // 配信データの期間設定の選択枝
@@ 173行目: / 167行目: @@
 	console.log(features);
+}
 </pre>
 ==appendix:クロスオリジンアクセス==
 [[クロスオリジンアクセス]] については([[クロスオリジンアクセス|独立したページ]]に移行しました)

← 古い版		2023年8月30日 (水) 03:08時点における版
186行目:		186行目:

	==appendix:クロスオリジンアクセス==		==appendix:クロスオリジンアクセス==
−	[[クロスオリジンアクセス]] (~~独立したページに移行しました~~)	+	[[クロスオリジンアクセス]] については([[クロスオリジンアクセス\|独立したページ]]に移行しました)

← 古い版		2023年8月30日 (水) 02:04時点における版
186行目:		186行目:

	==appendix:クロスオリジンアクセス==		==appendix:クロスオリジンアクセス==
−	~~XMLHttpRequestやfetchなどでwebappのあるサイトと異なるドメインにあるウェブサービス(webapi)にアクセスする場合、~~[~~https://developer.mozilla.org/ja/docs/Web/HTTP/CORS~~ クロスオリジンアクセス]~~制限によるエラーが起きる場合があります。このエラーはWebApp側だけでは解決できず、サーバ側の設定を調整する必要があります。~~	+	[[クロスオリジンアクセス]] (独立したページに移行しました)
−
−	~~=== サーバ(サービス側での対処): CORSレスポンスヘッダを返すように設定する===~~
−	* [https://phaier.github.io/school/engineering/platform/server/apache/how-to/cors.html apacheの例]
−	* [https://enable-cors.org/server.html etc]
−	~~=== プロキシサービスを用意し　これを経由させる===~~
−	*[https://github.com/Rob--W/cors-anywhere CORS Anywhere]
−	*[[CORSPXYPHP\|php(~~cgi~~)~~]]、[https://github.com/softius/php-cross-domain-proxy 他の実装例]~~
−
−	~~====プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 ====~~
−	~~プロキシ経由のクロスオリジンアクセスの対応を容易にするためのいくつかの機能がSVGMap.jsに備わっています。~~
−
−	* [[解説書#.E3.83.97.E3.83.AD.E3.82.AD.E3.82.B7.E3.81.AE.E8.A8.AD.E5.AE.9A\|解説書#プロキシの設定]]
−	* [[解説書#getCORSURL]]
−	* [[解説書#setProxyURLFactory]]
−	* [[解説書#setImageProxy]]

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

@@ 187行目: / 187行目: @@
 XMLHttpRequestやfetchなどでwebappのあるサイトと異なるドメインにあるウェブサービス(webapi)にアクセスする場合、[https://developer.mozilla.org/ja/docs/Web/HTTP/CORS クロスオリジンアクセス]制限によるエラーが起きる場合があります。このエラーはWebApp側だけでは解決できず、サーバ側の設定を調整する必要があります。
-* サーバ(サービス側での対処): CORSレスポンスヘッダを返すように設定する
+=== サーバ(サービス側での対処): CORSレスポンスヘッダを返すように設定する===
-** [https://phaier.github.io/school/engineering/platform/server/apache/how-to/cors.html apacheの例]
+* [https://phaier.github.io/school/engineering/platform/server/apache/how-to/cors.html apacheの例]
-** [https://enable-cors.org/server.html etc]
+* [https://enable-cors.org/server.html etc]
-* プロキシサービスを用意し　これを経由させる
+=== プロキシサービスを用意し　これを経由させる===
-**[https://github.com/Rob--W/cors-anywhere CORS Anywhere]
+*[https://github.com/Rob--W/cors-anywhere CORS Anywhere]
-**[[CORSPXYPHP|php(cgi)]]、[https://github.com/softius/php-cross-domain-proxy 他の実装例]
+*[[CORSPXYPHP|php(cgi)]]、[https://github.com/softius/php-cross-domain-proxy 他の実装例]
-===プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 ===
+====プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 ====
 プロキシ経由のクロスオリジンアクセスの対応を容易にするためのいくつかの機能がSVGMap.jsに備わっています。

@@ 199行目: / 199行目: @@
 * [[解説書#.E3.83.97.E3.83.AD.E3.82.AD.E3.82.B7.E3.81.AE.E8.A8.AD.E5.AE.9A|解説書#プロキシの設定]]
 * [[解説書#getCORSURL]]
-* [[解説書#setProxyURLFactory|]]
+* [[解説書#setProxyURLFactory]]
 * [[解説書#setImageProxy]]

← 古い版		2023年5月12日 (金) 01:16時点における版
193行目:		193行目:
	**[https://github.com/Rob--W/cors-anywhere CORS Anywhere]		**[https://github.com/Rob--W/cors-anywhere CORS Anywhere]
	**[[CORSPXYPHP\|php(cgi)]]、[https://github.com/softius/php-cross-domain-proxy 他の実装例]		**[[CORSPXYPHP\|php(cgi)]]、[https://github.com/softius/php-cross-domain-proxy 他の実装例]
		+
		+	===プロキシ経由のクロスオリジンアクセスを容易にするためのSVGMap.jsの支援機能 ===
		+	プロキシ経由のクロスオリジンアクセスの対応を容易にするためのいくつかの機能がSVGMap.jsに備わっています。
		+
		+	* [[解説書#.E3.83.97.E3.83.AD.E3.82.AD.E3.82.B7.E3.81.AE.E8.A8.AD.E5.AE.9A]]
		+	* [[解説書#getCORSURL]]
		+	* [[解説書#setProxyURLFactory]]
		+	* [[解説書#setImageProxy]]