内部機構解説 - 版の履歴

Admin: /* Zoom/Pan Controller: */

2022-02-07T02:08:38Z

‎Zoom/Pan Controller:

2018年10月17日 (水) 13:31にAdminによる

2018-10-17T13:31:23Z

2018年10月17日 (水) 13:30にAdminによる

2018-10-17T13:30:21Z

2018年10月17日 (水) 13:28にAdminによる

2018-10-17T13:28:54Z

2018年10月17日 (水) 13:25にAdminによる

2018-10-17T13:25:15Z

Admin: /* 概略構成図 */

2018-09-04T09:16:53Z

‎概略構成図

Busters27: /* SVGMap appss utils: */

2017-02-16T07:28:32Z

‎SVGMap appss utils:

Busters27: /* Framework for Layer⑤: */

2017-02-16T06:40:36Z

‎Framework for Layer⑤:

Busters27: /* UI controllers: */

2017-02-16T06:25:19Z

‎UI controllers:

Busters27: /* svgimagesProps generator: */

2017-02-16T05:41:03Z

‎svgimagesProps generator:

@@ 17行目: / 17行目: @@
 *tempolaryZoomPanImages( zoomFactor , sftX , sftY )：ズームパン操作を完了した後、dynamicLoadを掛ける前にzoom/pan後のイメージを一瞬だけ表示する機能
 *setGeoCenter( lat , lng , radius)：中心地理座標を指定して地図を移動 (radiusは緯度方向の度1≒110Km)lat,lng:必須 radius:オプション(今の縮尺のまま移動)
-*refreshScreen()：画面の再描画を実行する
+*refreshScreen()：画面の再描画を実行する。SVGMap0.1*.jsでは、再描画は伸縮スクロール時以外には基本的に行われません。（通常のブラウザのDOMの描画と大きく異なる点のひとつ。）webAppsなどで動的にSVGMapコンテンツのDOMを変更し、伸縮スクロールを待たずに再描画を行いたい場合は、明示的にrefreshScreen関数を呼び出す必要があります。
 ==SVG XHR getter, bitImg handler:==

← 古い版		2018年10月17日 (水) 13:31時点における版
1行目:		1行目:
−	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<br><span style="font-size:70%">Note:我々がこのフレームワークに0.~~1という原始的なバージョン番号を付与しているのはこの状況のためです。はやくネイティブSVGレンダラーによる実装に移行したいところです~~:-)</span>	+	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<br><span style="font-size:70%">Note:我々がこのフレームワークに0.1という原始的なバージョン番号を付与しているのはこの状況のためです。ネイティブSVGレンダラーによる新たな実装に移行するべきです:-)</span>

	このページではその内部機構に関する説明を行いたいと思います。		このページではその内部機構に関する説明を行いたいと思います。

← 古い版		2018年10月17日 (水) 13:30時点における版
1行目:		1行目:
−	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<br><span style="font-size:70%">Note:我々がこのフレームワークに0.~~1という原始的なバージョン番号を付与しているのはこの状況によります~~:-)</span>	+	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<br><span style="font-size:70%">Note:我々がこのフレームワークに0.1という原始的なバージョン番号を付与しているのはこの状況のためです。はやくネイティブSVGレンダラーによる実装に移行したいところです:-)</span>

	このページではその内部機構に関する説明を行いたいと思います。		このページではその内部機構に関する説明を行いたいと思います。

← 古い版		2018年10月17日 (水) 13:28時点における版
1行目:		1行目:
−	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<~~font size~~="-1">Note:我々がこのフレームワークに0.1という原始的なバージョン番号を付与しているのはこの状況によります:-)</~~font~~>	+	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<br><span style="font-size:70%">Note:我々がこのフレームワークに0.1という原始的なバージョン番号を付与しているのはこの状況によります:-)</span>

	このページではその内部機構に関する説明を行いたいと思います。		このページではその内部機構に関する説明を行いたいと思います。

← 古い版		2018年10月17日 (水) 13:25時点における版
1行目:		1行目:
−	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,~~HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。このページではその内部機構に関する説明を行いたいと思います。~~	+	[[解説書#.E7.AC.AC.E4.BA.8C.E7.AB.A0.EF.BC.9ASVGMap_Revsion_0.1.E3.83.95.E3.83.AC.E3.83.BC.E3.83.A0.E3.83.AF.E3.83.BC.E3.82.AF\|第二章]]で指摘されているとおり、SVGMap Level0.1のアーキテクチャの特徴は、ブラウザネイティブのSVGレンダラーを使用せず、HTML,CSS,HTMLCanvas2DAPIを用いてSVGMapが実装されている点です。<font size="-1">Note:我々がこのフレームワークに0.1という原始的なバージョン番号を付与しているのはこの状況によります:-)</font>
		+
		+	このページではその内部機構に関する説明を行いたいと思います。

	=概略構成図=		=概略構成図=

@@ 2行目: / 2行目: @@
 =概略構成図=
-[[File:SVGMapLv0.1_conf.png|600px]]
+[[File:SVGMapLv0.1_conf.png|800px]]
 =フレームワークの主な関数とそのカテゴリ=

@@ 93行目: / 93行目: @@
 ==SVGMap appss utils:==
-*linkedDocOp
+*linkedDocOp( func , docHash , param1, param2 , param3 , param4 , param5 )：子文書に対して、同じ処理(func)を再帰実行する関数。
-*contColorSet
+*contColorSet()：タイリングされ複数文書に分割されたデータ全体に対して同じ処理を与えるルーチンのサンプル
-*editDOM
+*editDOM(interval , clear)：DOM編集処理の内容(関数化すると良い) クロージャになります！
-*contColorSetOnce
+*contColorSetOnce( param )：サンプル１：伸縮スクロールしても設定した処理が波及しない版(比較的単純)。指定したmごとに、等高線の色を赤＆太くする
-*contColorSetContinuous
+*contColorSetContinuous( interval )：サンプル２：伸縮スクロールしても設定した処理が波及する版(イベントリスナが絡んで結構複雑ですよ)。指定したparamごとに、等高線の色を赤＆太くする。ズームパンが実行されると、"zoomPanMap" イベントが発行される。それをキャプチャして伸縮スクロール時に処理を実行させる。
-*contourMarker
+*contourMarker( layerDoc , layerProps , interval , clear)：linkedDocOpに渡す関数のサンプル（１，２共用です）：第一引数に処理対象SVG文書、第二引数にその文書プロパティ群（ここまでが固定）、第三引数以降に任意引数(複数)が与えられる

@@ 81行目: / 81行目: @@
 ==Framework for Layer⑤:==
-*getRootLayersProps
+*getRootLayersProps()：ルートコンテナのレイヤー情報を取得する
-*setRootLayersProps
+*setRootLayersProps(layerID_Numb_Title, visible , editing )：ルートコンテナの(animetionまたはiframeで構成される)レイヤー情報を設定する。レイヤー番号(root svg container内での順番)、レイヤーID(svg文書のiid = htmlのid = selectのvalue)、タイトル名(不確実-同じ名前があるかもしれない。最初に当たったものを選択)。変化があるとtrueが返却される。ない・もしくは不合理の場合はfalseが返却される。この時classで設定されているレイヤーグループの特性(switch)に基づいた制御がかかる
-*getLayer
+*getLayer(layerID_Numb_Title)：レイヤーのID,title,番号,href(URI)のいずれかで、ルートコンテナSVGDOMにおけるレイヤーの(svg:animation or svg:iframe)要素を取得する。getLayersと似ているが、getLayersのほうは任意のsvg文書(オプションなしではroot container)に対して、内包されるレイヤーのリストを返却。こちらはrootコンテナに対して検索キーに基づいてレイヤーを返却する
-*switchLayer
+*switchLayer( layerID_Numb_Title ,  visibility )：レイヤーのID,title,番号のいずれかでレイヤーの表示状態を変化する
-*isEditingLayer
+*isEditingLayer( layer )：パラメータがある場合：指定したレイヤーが編集中のレイヤーかどうか。input:ルートコンテナのレイヤーに該当する要素。パラメータがない場合：編集中のレイヤーがある場合はそのレイヤーのsvg:anim or svg:iframe要素を返却する
-*isEditableLayer
+*isEditableLayer( layer )：ルートSVG文書の各要素が編集可能かどうかを返却する。もしくは、SVGLayerのid(hash key)で、そのidのレイヤーが編集可能かどうかを返却する
-*getEditableLayers
+*getEditableLayers()：編集可能レイヤーの全リストを構築する
-*getSwLayers
+*getSwLayers( cat )：swLayers[クラス名]に、クラス名ごとのレイヤー(のSVG要素)の全リストを構築する。catがある場合は、catの名称を持つもののリストのみを構築する
-*checkLayerSwitch
+*checkLayerSwitch( selectedLayer )：選択したレイヤーの表示非表示が切り替えられるかどうか、切り替えられるとしてその代わりに選択を外すレイヤーあればそのリスト(array)を返す。(なければ単にtrue)
-*getLayers
+*getLayers( id )：ルートのコンテナにある、animation|iframeを"Layers"と定義。オプションなしの場合、ルートSVGコンテナのレイヤーに該当する要素をリストアップし、返却する。オプションアリの場合、そのidを持つコンテナのレイヤー該当要素群を返却
 ==SVGMap appss utils:==

@@ 69行目: / 69行目: @@
 ==UI controllers:==
-*initNavigationButtons
+*initNavigationButtons( isSP )：ズームアップ・ダウンボタン上のカーソルの設定をする(スマートフォンの場合：サイズが異なる)
-*setPointerEvents
+*setPointerEvents()：右クリック(コンテキストメニュー)は無効、キャンバス上のボタンクリック・ダウン、タッチパネルのタッチ開始・タッチ終了・タッチ移動のイベントを設定する
-*setCenterUI
+*setCenterUI()：照準を中心位置に設定する
-*initTicker
+*initTicker()：Tickerの初期表示設定
-*testPOIclick
+*testPOIclick()：照準下にあるPOIをクリックした場合の動作(POI情報の表示)を実行する
-*initModal
+*initModal( target )：アプリ側で利用できるモーダルフレームワークの初期化処理
-*isCollided
+*isCollided( POIelemId )：選択されたPOIに重なっているPOI情報を取得する
-*getObjectAtPoint
+*getObjectAtPoint( x, y )：VECTOR2Dの線や面をヒットテストする機能
-*showPoiProperty
+*showPoiProperty(target)：POIまたはvector2Dのクリック可能オブジェクトをクリックしたときに起動する関数。ただし、アンカーの起動はこの関数呼び出し前に判断される
-*setCookies
+*setCookies( keyValueArray , expire )：情報をcookieに設定する
 ==Framework for Layer⑤:==

@@ 58行目: / 58行目: @@
 ==svgimagesProps generator:==
-*getrootViewBoxFromRootSVG
+*getrootViewBoxFromRootSVG( viewBox , mapCanvasSize_ , ignoreMapAspect)：キャンバスのサイズからviewBoxサイズを計算し取得する
-*getRootSvg2Canvas
+*getRootSvg2Canvas( rootViewBox , mapCanvasSize_ )：ルートSVG⇒画面キャンバスの変換マトリクスを取得する
-*getTransformedBox
+*getTransformedBox( inBox , matrix )：指定されたviewBox(inBox)を変換行列にてサイズ変更と移動のみでの座標変換する。b=0、c=0の場合のみ利用可能
-*Geo2SVG
+*Geo2SVG( lat , lng , crs ) : 指定された緯度(lat)・経度(lng)・CRSより、SVG座標を計算する
-*SVG2Geo
+*SVG2Geo( svgX , svgY , crs , inv ) : 指定されたSVG座標(svgX , svgY)をCRSにより、GEO座標に変換する。または、invにより逆変換する
-*getConversionMatrixViaGCS
+*getConversionMatrixViaGCS( fromCrs , toCrs )：変換元マトリクス(fromCrs)を変換先マトリクス(toCrs)に変換するマトリクスを取得する
-*transform
+*transform( x , y , mat , calcSize , nonScaling) : 指定された座標を変換する。
-*transformRect
+*transformRect( rect ,  c2r )：child SVG文書のrootSVG文書座標系における領域サイズを計算
-*getInverseMatrix
+*getInverseMatrix( matrix )：逆座標変換のための変換マトリクスを得る
 ==UI controllers:==