クロスオリジンアクセス - 版の履歴

Admin: /* 概要 */

2025-01-23T07:19:59Z

‎概要

Admin: /* 概要 */

2025-01-23T07:18:58Z

‎概要

Admin: /* 概要 */

2025-01-23T07:18:09Z

‎概要

Admin: /* corsProxyMoule.js */

2024-11-05T07:19:05Z

‎corsProxyMoule.js

Admin: /* corsProxy.js */

2024-11-05T07:16:41Z

‎corsProxy.js

Admin: /* SVGMap.jsの初期化 */

2024-11-05T07:14:18Z

‎SVGMap.jsの初期化

Admin: /* 非線形図法変換 */

2024-10-25T23:44:18Z

‎非線形図法変換

Admin: /* webAppレイヤーでのクロスオリジンアクセス */

2024-10-25T23:43:35Z

‎webAppレイヤーでのクロスオリジンアクセス

Admin: /* 概要 */

2024-10-25T23:41:27Z

‎概要

Admin: /* 概要 */

2024-10-25T23:40:48Z

‎概要

@@ 21行目: / 21行目: @@
 | ベクトルデータやjson等ビットイメージ以外のデータ|| 地理空間情報処理等 || 発生する可能性あり
 |-
-| 全ての種類のコンテンツ・データ || [[解説書#svgMapCesiumWrapper..E3.81.A7.E5.91.BC.E3.81.B3.E5.87.BA.E3.81.9B.E3.82.8BAPI|Cesium拡張を用いた表示]] || 発生する可能性あり
+| 全ての種類のコンテンツ・データ || [[解説書#svgMapCesiumWrapper..E3.81.A7.E5.91.BC.E3.81.B3.E5.87.BA.E3.81.9B.E3.82.8BAPI|Cesium拡張を用いた3D表示]] || 発生する可能性あり
 |}

@@ 7行目: / 7行目: @@
 {| class="wikitable" style="margin:auto"
-|+ クロスオリジンアクセスによるエラー
+|+ svgmapjsにおけるクロスオリジンアクセスによるエラー
 |-
 ! クロスオリジンアクセスするコンテンツの種類 !! コンテンツの処理 !! CORSエラー発生の可能性

@@ 2行目: / 2行目: @@
 == 概要 ==
-SVGMapはハイパーレイヤリングアーキテクチャを持つため、[[解説書#フレームワークの呼び出し|ルートhtml文書]]で構成されるクライアントのSVGMapフレームワークウェブアプリは、異なるオリジンのサーバにアクセスすることが基本的に必要になります。これは一般的に「[https://developer.mozilla.org/ja/docs/Web/HTTP/CORS クロスオリジンリソース共有]」と呼ばれる処理が行われる可能性があり、この時[https://developer.mozilla.org/ja/docs/Web/HTTP/CORS/Errors ウェブブラウザのネイティブな機能によるCORSのエラー]が生じる可能性があることを意味します。
+SVGMapはハイパーレイヤリングアーキテクチャを持つため、[[解説書#フレームワークの呼び出し|ルートhtml文書]]で構成されるクライアントのSVGMapフレームワークウェブアプリは、異なるオリジンのサーバにアクセスすることが基本的に必要になります。これは一般的に「[https://developer.mozilla.org/ja/docs/Web/HTTP/CORS クロスオリジンリソース共有](CORS)」と呼ばれる処理が行われる可能性があり、この時[https://developer.mozilla.org/ja/docs/Web/HTTP/CORS/Errors ウェブブラウザのネイティブな機能によるCORSのエラー]が生じる可能性があることを意味します。
 クロスオリジンアクセスのケースと、CORSのエラー発生の可能性を下表に示します。

@@ 96行目: / 96行目: @@
 ** useAnonProxy : anonymous属性を付与するかどうか
 ** requireEncoding : プロキシサービスに渡すURLをURLエンコードするかどうか
-* corsProxy.getURL(プロキシに取得させるURL)
+* corsProxy.getURLfunction : プロキシ経由のURLを得るための関数を得る
 ===webAppレイヤーでのクロスオリジンアクセス===

@@ 89行目: / 89行目: @@
-====corsProxy.js====
+====corsProxyMoule.js====
-初期化を容易に行うためのライブラリをご紹介します。[https://github.com/svgmap/svgMapDemo/blob/main/js/corsProxy.js gitHub]
+初期化を容易に行うためのライブラリをご紹介します。[https://github.com/svgmap/svgmapjs/blob/main/CorsProxyModule.js gitHub]
 * corsProxy.setService(pxUrl , directURLls , useAnonProxy, requireEncoding)
 ** pxUrl : プロキシのURL
@@ 97行目: / 97行目: @@
 ** requireEncoding : プロキシサービスに渡すURLをURLエンコードするかどうか
 * corsProxy.getURL(プロキシに取得させるURL)
 ===webAppレイヤーでのクロスオリジンアクセス===

@@ 70行目: / 70行目: @@
 <html>
 ...
-<script src="corsProxy.js"></script> <!-- クロスオリジンアクセス用プロキシライブラリ(下記) -->
+<script type="module">
-<script src="SVGMapLv0.1_r17.js"></script>
+import { CorsProxy } from 'https://cdn.jsdelivr.net/gh/svgmap/svgmapjs@latest/CorsProxyModule.js';
-...
+import { svgMap } from 'https://cdn.jsdelivr.net/gh/svgmap/svgmapjs@latest/SVGMapLv0.1_r18module.js';
-<script>
+window.svgMap=svgMap
-var proxyPath = "{セットアップしたCORS AnywhereのURL}"; // CORS anywhere for svgmap.org / service.svgmap.org
+var corsProxy = new CorsProxy();
-corsProxy.setService(proxyPath, null, true,false);
-svgMap.setProxyURLFactory(null,null,null, corsProxy.getURL,true);
+// プロキシの設定
 </script>
 ...
@@ 160行目: / 165行目: @@
 </pre>
 </code>
 ===webAppレイヤーでのクロスオリジンアクセス===

← 古い版		2024年10月25日 (金) 23:44時点における版
175行目:		175行目:

	===非線形図法変換===		===非線形図法変換===
−	~~メルカトル図法と正距円筒図法間の図法変換など、１次アフィン変換~~(matrix(a,b,c,d,e,f))~~で変換ができない座標変換が伴うもの~~	+	メルカトル図法と正距円筒図法の間の図法変換など、１次アフィン変換(matrix(a,b,c,d,e,f))では変換できない座標変換を伴うもの

← 古い版		2024年10月25日 (金) 23:43時点における版
173行目:		173行目:

	<code>var dataResponse = await fetch( "https://[myproxy.mydomain.com]/proxy/?targetURL=" + serviceURL );</code>		<code>var dataResponse = await fetch( "https://[myproxy.mydomain.com]/proxy/?targetURL=" + serviceURL );</code>
		+
		+	===非線形図法変換===
		+	メルカトル図法と正距円筒図法間の図法変換など、１次アフィン変換(matrix(a,b,c,d,e,f))で変換ができない座標変換が伴うもの

@@ 13行目: / 13行目: @@
 | ビットイメージ(タイルを含む) || 重ね合わせ || 発生しない
 |-
-| ビットイメージ(タイルを含む) || 非線形図法変換を伴う重ね合わせ || 発生する可能性あり
+| ビットイメージ(タイルを含む) || [[#非線形図法変換|非線形図法変換]]を伴う重ね合わせ || 発生する可能性あり
 |-
 | ビットイメージ(タイルを含む) || 地理空間情報処理等 || 発生する可能性あり