diff --git a/SVGMapLv0.1_Authoring_r7.js b/SVGMapLv0.1_Authoring_r7.js
index 84ff1a8..3c6054e 100755
--- a/SVGMapLv0.1_Authoring_r7.js
+++ b/SVGMapLv0.1_Authoring_r7.js
@@ -34,6 +34,7 @@
 // 2018/03/05 polylineを編集できる機能をおおよそ実装
 // 2019/03/12 POIのアイコン定義が1個しかない場合はアイコン選択UI省略
 // 2019/03/12 タイリングされたレイヤーに対して処理可能にする(制約としては、タイルにあるオブジェクトを編集したものは保持されない。新規のオブジェクトはレイヤルートに設置。メタデータスキーマ・アイコン定義は、共通のものをレイヤールートにも設置必要)
+// 2019/12/27 refreshScreen後コールバック処理の精密化
 //
 // ToDo,ISSUES:
 //  POI以外の描画オブジェクトを選択したときに出るイベントbase fwに欲しい
@@ -443,7 +444,8 @@ function editConfPhase2( targetDoc, toolsCbFunc, toolsCbFuncParam, confStat ){
 	svgMap.refreshScreen();
 //		console.log("editConfPhase2: toolsCbFunc?:",toolsCbFunc);
 	if ( toolsCbFunc ){
-		toolsCbFunc(confStat, toolsCbFuncParam);
+		callAfterRefreshed(toolsCbFunc,confStat,toolsCbFuncParam);
+//		toolsCbFunc(confStat, toolsCbFuncParam);
 	}
 }
 
@@ -698,10 +700,11 @@ function setPoiRegPosition(e,targetTxtBoxId, directPutPoiParams){ // setPoiPosit
 			uiMapping.editingLayerId,
 			directPutPoiParams.id
 		);
-		svgMap.refreshScreen();
+		svgMap.refreshScreen(); 
 		if ( toolsCbFunc ){
-			toolsCbFunc(true, toolsCbFuncParam);
-		}
+			callAfterRefreshed(toolsCbFunc,true,toolsCbFuncParam);
+//			toolsCbFunc(true, toolsCbFuncParam); // refreshが完了してから呼ばないと行儀が悪く、問題が出るようになった(2019/12/27)
+}
 	}
 	
 	// メタデータで緯度経度重複のあるdisabled formに値をコピー
@@ -721,6 +724,18 @@ function setPoiRegPosition(e,targetTxtBoxId, directPutPoiParams){ // setPoiPosit
 	} 
 }
 
+function callAfterRefreshed(cbf,cbfParam0,cbfParam1){ // refreshが完了してから呼ぶための関数(2019/12/27)
+	window.addEventListener('screenRefreshed', (function(cbf,cbfParam0,cbfParam1) {
+		return function f() {
+//			console.log("catch screenRefreshed call:",cbf," param:",cbfParam0,cbfParam1)
+			window.removeEventListener('screenRefreshed', f, false);
+			cbf(cbfParam0,cbfParam1);
+		}
+	})(cbf,cbfParam0,cbfParam1), false);
+}
+
+
+
 function setPoiRegUiEvents( targetDiv ){ // setPoiUiEventsはこれで置き換えの方向
 	targetDiv.addEventListener("click",function(e){
 		console.log("get PoiRegUiEvents: targetId:",e.target.id);
@@ -761,7 +776,8 @@ function setPoiRegUiEvents( targetDiv ){ // setPoiUiEventsはこれで置き換
 			);
 			svgMap.refreshScreen();
 			if ( toolsCbFunc ){
-				toolsCbFunc(true, toolsCbFuncParam);
+				callAfterRefreshed(toolsCbFunc,true,toolsCbFuncParam);
+//				toolsCbFunc(true, toolsCbFuncParam);
 			}
 		}
 	},false);
diff --git a/SVGMapLv0.1_GIS_r2.js b/SVGMapLv0.1_GIS_r2.js
index a540dd8..e74bb8b 100755
--- a/SVGMapLv0.1_GIS_r2.js
+++ b/SVGMapLv0.1_GIS_r2.js
@@ -30,14 +30,17 @@
 // 2018/08/01 Add pointOnly option / get(Included/Excluded)Points
 // 2018.12.26 KMLを直接レンダリングする機能を実装
 // 2019/05/17 getInRangePoints(): Coverageがtransform付きのものをサポート
+// 2019/12/26 効率向上のためのオプション追加(getIncludedPointsのpreCapturedGeometry)
 //
 // 
 // ACTIONS:
-// ・ポリゴン包含、ポリラインクロス等の基本関数(jtsのような)
-// ・ポイント（マウスポインタ―）と、ポイント、ポリライン、ポリゴンヒットテスト（既存のクリッカブルオブジェクト同等動作）：　ただし、ポイント、ポリラインはバッファが必要なので後回しか？
-// ・ラインと、ライン、ポリゴンのヒットテスト
-// ・ポリゴンと、ポイント、ライン、ポリゴンのヒットテスト
-// ・カラーピッカーになりえるもの
+// ・ポリゴン包含、ポリラインクロス等の基本関数(jtsのような) done
+// ・ポイント（マウスポインタ―）と、ポイント、ポリライン、ポリゴンヒットテスト（既存のクリッカブルオブジェクト同等動作）：　ただし、ポイント、ポリラインはバッファが必要なので後回しか？ done
+// ・ラインと、ライン、ポリゴンのヒットテスト done
+// ・ポリゴンと、ポイント、ライン、ポリゴンのヒットテスト done
+// ・カラーピッカーになりえるもの done
+// ・ベクタプロパティの利用 done
+// ・オートパイロット機能のフレームワーク化(vectorGisLayer/rasterGisLayerの実装の改善と取り込み)
 //
 // ・入力：
 // 　・マウスポインタ―ベースの対話的に生成されたオブジェクトと指定したレイヤー
@@ -150,9 +153,10 @@ var svgMapGIStool = ( function(){
 	// https://github.com/morganherlocker/weiler-atherton
 	
 	
-	
-	// poiID（およびその子供の文書）が、
-	function getIncludedPoints(poiID, polyID, cbFunc, param , progrssCallback , inverse , pointOnly ){
+	// 画面中の、指定したレイヤのポリゴンに包含されている指定したレイヤのPOIを検索する
+	// poiID : POIのレイヤID（その子供の文書も対象）、polyID: ポリゴンのレイヤID
+	function getIncludedPoints(poiID, polyID, cbFunc, param , progrssCallback , inverse , pointOnly ,getIncludedPolygonAttr , preCapturedGeometry){
+	// 2019.12.26 : preCapturedGeometry あらかじめ別に取得済みのgeom.を流用したいときに指定 : 今後同様オプションをcaptureGISgeometries実行しているロジックに入れていくだろう
 		var superParam = {
 			pointsDocTreeID: poiID,
 			polygonsDocTreeID: polyID,
@@ -160,13 +164,19 @@ var svgMapGIStool = ( function(){
 			param: param,
 			progrssCallback: progrssCallback,
 			inverse: inverse,
-			pointOnly : pointOnly
+			pointOnly : pointOnly,
+			getIncludedPolygonAttr : getIncludedPolygonAttr
 		}
 		var pointsDocTreeID = poiID;
 		var polygonsDocTreeID = polyID;
 		console.log( "called getIncludedPoints:", pointsDocTreeID, polygonsDocTreeID);
 //		svgMap.captureGISgeometries(getIncludedPointsS2 , superParam );
-		svgMap.captureGISgeometries(getIncludedPointsS2a , superParam );
+		if ( ! preCapturedGeometry ){
+			svgMap.captureGISgeometries(getIncludedPointsS2a , superParam ); // まずはGIS Geomを取得し、それから包含判定を行う(非同期)
+		} else {
+			console.log("getIncludedPoints: USE preCapturedGeometry");
+			getIncludedPointsS2a(preCapturedGeometry,superParam); // あらかじめキャプチャしてあるgeometryがある場合は飛ばす
+		}
 	}
 	
 	function getExcludedPoints(poiID, polyID, cbFunc, param , progrssCallback , pointOnly ){
@@ -276,6 +286,7 @@ var svgMapGIStool = ( function(){
 		cbFunc(ansPois , totalPoiCount , param ); // 検索したPOIを全部Arrayとして返す。一個パラメータを渡せる
 	}
 	
+	// 非同期での包含判定のための前処理　包含判定に必要な全組み合わせを構築する (指定したレイヤのPOI全部 × 指定したレイヤのポリゴン全部 の組み合わせをArrayに投入)
 	// 重くなることがあるので、非同期処理版を作る・・・
 	function getIncludedPointsS2a( geom , superParam ){
 		console.log("getIncludedPointsS2a called : ",geom);
@@ -307,10 +318,12 @@ var svgMapGIStool = ( function(){
 		}
 		superParam.totalPoiCount = totalPoiCount;
 		
-		console.log("call getIncludedPointsS3 :" , compArray);
-		getIncludedPointsS3( geom, superParam , compArray);
+		// console.log("call getIncludedPointsS3 :" , compArray);
+		getIncludedPointsS3( geom, superParam , compArray); // 組み合わせが構築出来たら実際の包含判定に進む(非同期)
 	}
 	
+	// 非同期処理での包含判定演算の実体
+	// すべての組み合わせに対して実施
 	function getIncludedPointsS3( geom , superParam , compArray , counter , startTime , ansPois ){
 		
 		
@@ -364,9 +377,13 @@ var svgMapGIStool = ( function(){
 			polygon = polDoc[plc].coordinates;
 			if ( !superParam.inverse ){ // 内包判定
 				if ( insidePolygon( point , polygon ) ){
-					// 一個でも内包してたらそれで内包判断完了
+					// 一個でも内包してたらそれで内包判断完了 ⇒こうするかどうかは今後選択にすべき(複数のポリゴンに内包されてて、そのポリゴンはどんな属性なのかを知りたいケースがある)2019/12/19
+					if ( superParam.getIncludedPolygonAttr ){ // 2019/12/19
+//						console.log("polygon:",polDoc[plc],"  point:",poiDoc[pic]);
+						poiDoc[pic].includedPolygonAttr = polDoc[plc].src.getAttribute("content");
+					}
 					ansPois.push(poiDoc[pic]);
-					console.log("PUSH");
+//					console.log("PUSH");
 					counter = skipPOIcounter(compArray, counter);
 				}
 			} else { // 非内包判定
@@ -384,13 +401,13 @@ var svgMapGIStool = ( function(){
 			
 			var currentTime =  new Date().getTime();
 			++ counter;
-			if ( currentTime - startTime > 500 ){ // 0.3秒以上たったらちょっと(30ms)休憩
+			if ( currentTime - startTime > 500 ){ // 0.5秒以上たったらちょっと(20ms)休憩
 				console.log( "call laze compu",counter, compArray.length , Math.ceil(counter /  compArray.length));
 				if ( superParam.progrssCallback ){
 					superParam.progrssCallback( Math.ceil(1000 * counter /  compArray.length) / 10 );
 				}
 				startTime = new Date().getTime();
-				setTimeout(getIncludedPointsS3, 30 , geom, superParam, compArray , counter , startTime , ansPois);
+				setTimeout(getIncludedPointsS3, 20 , geom, superParam, compArray , counter , startTime , ansPois);
 				break;
 			}
 		}
@@ -410,15 +427,18 @@ var svgMapGIStool = ( function(){
 	function skipPOIcounter(compArray, counter){
 //		console.log("called:skipPOIcounter:",counter);
 		var ansCounter = counter;
-		var currentPoiC = compArray[counter][1];
+		var currentPoiC = compArray[counter][1]; // [1]がPOIの値？じゃないよ・・・
+		var currentPoiDC = compArray[counter][0]; // [0]でPOIのドキュメントの値も評価しないとダメ DEBUG 2019/12/20
 		var poiC = currentPoiC;
-		while ( poiC == currentPoiC ){
+		var poiDC = currentPoiDC;
+		while ( (poiC == currentPoiC && poiDC == currentPoiDC ) ){
 			++ansCounter;
 			if ( ansCounter == compArray.length ){
-				console.log("BREAK.....");
+//				console.log("BREAK.....");
 				break;
 			}
 			poiC = compArray[ansCounter][1];
+			poiDC = compArray[ansCounter][0];
 		}
 		return ( ansCounter -1);
 	}
@@ -670,7 +690,7 @@ var svgMapGIStool = ( function(){
 	// 2018/6/8 S.Takagi
 	// range: [hueRangemin,hueRangemax] or [[hueRange1min,hueRange1max],[...]] or {hue:[[range1min,range1max],[...]],satulation:[[range1min,range1max],[...]],value:[[range1min,range1max],[...]],alpha:[[range1min,range1max],[...]]}
 	// poiID_or_pointsには、POINTジオメトリが入ってるレイヤIDもしくは、直接POINTジオメトリの配列を入れる
-	function getInRangePoints(poiID_or_points, coverID, rangeData, cbFunc, param , progrssCallback ){
+	function getInRangePoints(poiID_or_points, coverID, rangeData, cbFunc, param , progrssCallback , preCapturedGeometry ){
 		halt = false;
 		var superParam = {
 			coverageDocTreeID: coverID,
@@ -685,9 +705,15 @@ var svgMapGIStool = ( function(){
 			superParam.pointsDocTreeID= poiID_or_points;
 		}
 		console.log( "called getInRangePoints: poi,cover:", poiID_or_points, coverID,"  range:", superParam.range);
+		
 		svgMap.captureGISgeometriesOption(true); // カバレッジが必要
-		// captureGISgeometriesはviewportにあるオブジェクトのみ取ってくる仕様
-		svgMap.captureGISgeometries(getInRangePointsS2 , superParam );
+		if ( ! preCapturedGeometry ){
+			// captureGISgeometriesはviewportにあるオブジェクトのみ取ってくる仕様
+			svgMap.captureGISgeometries(getInRangePointsS2 , superParam );
+		} else {
+			console.log("getInRangePoints: USE preCapturedGeometry");
+			getInRangePointsS2(preCapturedGeometry, superParam);
+		}
 	}
 	
 	function getRangeParam(rangeData){
diff --git a/SVGMapLv0.1_r15.js b/SVGMapLv0.1_r15.js
index ad329c0..f37d755 100755
--- a/SVGMapLv0.1_r15.js
+++ b/SVGMapLv0.1_r15.js
@@ -161,6 +161,7 @@
 // 2019/11/14 : refreshScreen()の排他制御導入
 // 2019/11/14 : ビットイメージにもキャッシュ不使用オプション有効化
 // 2019/11/14 : editableレイヤーでも、レイヤ非表示にしたら、DOMを消去することに仕様変更
+// 2019/12/26 : refreshScreen()の効率化 主にcaptureGisGeometries()->vectorGISの高性能化を図るため
 //
 //
 // Issues:
@@ -190,6 +191,7 @@
 // レイヤーごとのUI, レイヤーごとの凡例等
 // IE < 11実装の除去
 // POIや2Dベクタをクリックしたとき、レイヤ文書に対して、イベントを飛ばしてあげると良いと思う
+// refreshScreen()でgeoGeomを取得するというパターンはあるが、zoom/pan時にもそれができるともう一段効率化するかも？(ただかなりいろいろ非同期処理が絡むので・・・2019/12
 // 
 // devNote:
 // http://svg2.mbsrv.net/devinfo/devkddi/lvl0.1/airPort_r4.html#svgView(viewBox(global,135,35,1,1))
@@ -1128,7 +1130,7 @@ function dynamicLoad( docId , parentElem ){ // アップデートループのル
 		}
 //		console.log("checkDeletedNodes", existNodes);
 		checkDeletedNodes( mapCanvas );
-		if ( ticker && !pathHitTest.enable ){ // スマホなどでクリックしやすくするためのティッカー ただし単なるpathHitTestのときは無限ループが起きるのでパスする 2017.7.31 pathHitTest.enableチェックせずとも無限ループは起きなくなったはず 2018.1.18
+		if ( ticker && !pathHitTest.enable && !GISgeometriesCaptureFlag){ // スマホなどでクリックしやすくするためのティッカー ただし単なるpathHitTestのときは無限ループが起きるのでパスする 2017.7.31 pathHitTest.enableチェックせずとも無限ループは起きなくなったはず 2018.1.18 GISgeometriesCapture中はtickerの表示は不要なので高速化のため外す2019.12.26
 			checkTicker(); // ここで呼び出しただけでは、ロード中のレイヤのオブジェクトは拾えないので、スクロール・伸縮などで新たに出現するオブジェクトはTicker表示されない(ちょっとスクロールするとかしないと表示されない) バグに近いです
 		}
 //		console.log("call checkLoadCompleted : ending dynamicLoad");
@@ -1826,8 +1828,9 @@ function parseSVG( svgElem , docId , parentElem , eraseAll , symbols , inCanvas
 		if ( GISgeometry && onViewport ){ // ひとまずviewportにあるオブジェクトだけを収集する機能を検証2016.12.7
 			if (GISgeometry.href){ // 2018/2/27 debug
 				GISgeometry.href = getImageURL(GISgeometry.href,docDir);
-				if ( imgElem.naturalHeight > 0 ){ // ロードできてないイメージは外す。 cesiumのimageryではerr404imgで動作が停止する・・　何とかしてよねぇ‥
+				if ( imgElem.naturalHeight > 0 || GISgeometry.href.indexOf("data:")==0){ // ロードできてないイメージは外す。 cesiumのimageryではerr404imgで動作が停止する・・　何とかしてよねぇ‥
 					// ただし、ロード済みでないとこの値はセットされないので・・　ロード中にgisgeomを呼ぶパターンでは使えないはず・・ 2018.2.27
+					// dataURLの場合は、データは実存するにもかかわらずnaturalHeightの設定が遅延するので・・・なんか、こういう話じゃなかも・・(これだと本当にロードが遅延してるdataURLじゃないコンテンツの場合にどうするかがわからない感じもするが・) 2019/12/26
 					GISgeometries[docId].push(GISgeometry);
 				}
 			} else {
@@ -6635,18 +6638,42 @@ function contColorSet() {
 	}
 }
 
-function refreshScreen(noRetry){
+var retryingRefreshScreen = false;
+function refreshScreen(noRetry, parentCaller, isRetryCall){
+	// スクロール・パンを伴わずに画面の表示を更新(内部のSVGMapDOMとシンクロ)する処理
+	// SVGMapコンテンツ全体のDOMトラバースが起きるため基本的に重い処理
+	// SVGMapLv0.1.jsは画面の更新は定期的に行われ"ない" 実際は末尾のdynamicLoad()でそれが起きる
+	//
+	// この関数は、データのロードが起きる可能性があるため、非同期処理になっている。
+	// viewBoxは変化しないので、タイルコンテンツの非同期読み込みはないものの、
+	// 直前に外部リソースを読み込むDOM編集が起きたケースが非同期になる。
+	// 一方、他の非同期読み込みが進んでいるときに動作することは好ましくないので・・
+	
+	// ペンディングされている間に、更に新たなrefreshScreenが来た場合は、原理的に不要(caputureGISgeomも含め)のはずなので無視する。
+	if ( retryingRefreshScreen && !isRetryCall){
+		console.log( "Is refreshScreen retry queue:: SKIP this Call" );
+		return;
+	}
+	
+	var rsCaller = ((refreshScreen.caller).toString()).substring(0,20);
+	console.log("called refreshScreen: caller:",rsCaller, " parentCaller:",parentCaller);
 	if ( loadCompleted == false){ // loadCompletedしてないときに実行すると破綻するのを回避 2019/11/14
 		if ( !noRetry ){
 			console.log( "NOW LOADING:: delay and retry refreshScreen" );
-			setTimeout(refreshScreen , 100); // 何度でもリトライし必ず実行することにする・・(問題起きるかも？)
+			setTimeout(function(){
+				refreshScreen(noRetry, rsCaller, true);
+			}, 10); // 何度でもリトライし必ず実行することにする・・(問題起きるかも？)
+			retryingRefreshScreen = true;
 		} else {
 			console.log( "NOW LOADING:: SKIP refreshScreen" );
 		}
+		return;
+	} else {
+		retryingRefreshScreen = false;
 	}
 //	console.log("called refreshScreen from", refreshScreen.caller);
 	loadCompleted = false; // 2016.11.24 debug この関数が呼ばれるときは少なくとも(描画に変化がなくとも) loadCompletedをfalseにしてスタートさせないと、あらゆるケースでの描画完了を検知できない
-	dynamicLoad( "root" , mapCanvas );
+	dynamicLoad( "root" , mapCanvas ); // 以前はrefreshScreenのためにこの関数を生で呼んでいたが、上のいろんな処理が加わったので、それは廃止している（はず）
 }
 	
 // サンプルその１
@@ -7072,6 +7099,11 @@ var GISgeometries;
 
 function captureGISgeometries( cbFunc , prop1 , prop2 , prop3 , prop4 , prop5 , prop6 , prop7 ){ // 非同期、callbackFuncいるだろうね
 //	console.log(cbFunc);
+	if ( GISgeometriesCaptureFlag ){ // 2019/12/24 排他制御
+		console.log("Now processing another captureGISgeometries. Try later.");
+		cbFunc(false);
+		return ( false );
+	}
 	GISgeometriesCaptureFlag = true;
 	delete GISgeometries;
 	GISgeometries = new Object;
@@ -7085,7 +7117,7 @@ function captureGISgeometries( cbFunc , prop1 , prop2 , prop3 , prop4 , prop5 ,
 }
 
 function prepareGISgeometries(cbFunc , prop1 , prop2 , prop3 , prop4 , prop5 , prop6 , prop7 ){
-//	console.log("Called prepareGISgeometries   GISgeometries:", GISgeometries);
+//	console.log("Called prepareGISgeometries in resp to captGISgeom GISgeometries:", GISgeometries);
 //	DEBUG 2017.6.12 geojsonの座標並びが逆だった・・・
 	for ( var docId in GISgeometries ){
 		var layerGeoms = GISgeometries[docId];
diff --git a/appLayers/imageIntersectionGIS3.html b/appLayers/imageIntersectionGIS3.html
new file mode 100755
index 0000000..a207cdf
--- /dev/null
+++ b/appLayers/imageIntersectionGIS3.html
@@ -0,0 +1,611 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Layer Specific UI for rasterGIS</title>
+<meta charset="UTF-8">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<script>
+// Raster GIS Layer (Imagintersection GIS)
+// 任意のラスター(によるカバレッジ)レイヤーに入る任意のレイヤーのポイント(Vector)データを抽出する機能
+// Programmed by Satoru Takagi
+// Copright 2019 by Satoru Takagi @ KDDI All Rights Reserved
+//
+// Version History
+// Rev0 2018/06/19 一点だけの検索
+// Rev1 2018/08/01 オートパイロット(一括検索)
+// Rev3 2019/12/27 附番変更した
+// Rev3 2019/12/27 (in DEV) 2019/12/26版フレームワーク対応・高性能化 (vectorGISと同じ効率化処理を導入) 
+// 
+// ToDo
+// ALREADY 検索したHue値を追加記載する(SV値は？)
+// DONE    vectorGISと同じ効率化処理(一括検索のgeom流用、検索で不要レイヤーをいったんOffなど)
+// もうちょっとラスタのトレース処理速くならないかな？
+// オートパイロットのベクタとの共通フレームワーク化
+// 
+//
+// layerID
+// svgMap
+// svgImageProps: svgMap.getSvgImagesProps()
+// svgImages: svgMap.getSvgImages()
+//
+// event zoomPanMap
+
+var sourcePolygonLayerId, sourceLineLayerId;
+var svgImages,svgImagesProps;
+var sourceCoverId,sourcePoiId;
+var contSearchBtn;
+
+onload=function(){
+	console.log("onload:");
+	setTimeout(initColorPicker,10);
+	setTimeout(initSvgMapGIStool,10);
+	setTimeout(listVisiblePoiCaverLayers,10);
+	document.addEventListener("screenRefreshed", listVisiblePoiCaverLayers , false);
+	contSearchBtn = document.getElementById("contSearchBtn");
+}
+
+function halt(){
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+	svgMapGIStool.haltComputing();
+	if ( allSearching ){ // 一括検索時には表示レイヤとビューポートをもとに戻す
+		allSearching = false;
+		revertLayerSetup();
+		svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+	}
+	document.getElementById("hlt").disabled=true;
+	document.getElementById("progress").innerHTML= "";
+	document.getElementById("hitcount").innerHTML="Halt";
+}
+
+function initSvgMapGIStool(){
+	// svgMapGIStool.setImageProxy("SvgMapProxy.php?file=",null,false); // you should set proper proxy path for cross domain bitimage processing
+}
+
+function searchInRangePoints(cbf,preCapturedGeometry){
+	svgImages = svgMap.getSvgImages();
+	svgImagesProps = svgMap.getSvgImagesProps();
+//	console.log("svgImagesProps:",svgImagesProps);
+	document.getElementById("hlt").disabled=false;
+//	console.log("Search POI included within this polygon");
+
+	sourceCoverId = getTargetLayerId("targetCoverLayer");
+	
+	sourcePoiId = getTargetLayerId("targetPoiLayer");
+	
+	var getInRangePointsCallback;
+	if ( cbf ){
+		getInRangePointsCallback = cbf;
+	} else {
+		getInRangePointsCallback = markInRangePoints;
+	}
+	
+	console.log("Search : sourceCoverId:",sourceCoverId,svgImages[sourceCoverId],"  sourcePoiId:",sourcePoiId,svgImages[sourcePoiId], " thisLayerId:",layerID );
+	
+	svgMapGIStool.getInRangePoints( sourcePoiId, sourceCoverId , targetRange, getInRangePointsCallback , null , progrssCallback , preCapturedGeometry);
+}
+
+function markInRangePoints(ans){
+	console.log("complete computation... ",ans);
+	var printedIndex = prepareResultAndPrintcsv(ans);
+//	clearCircles();
+//	var svgDoc = svgImages[layerID];
+	var svgDoc = svgImage
+	var svgImageRoot = svgDoc.documentElement;
+	for ( var i = 0 ; i < printedIndex.length ; i++ ){
+		var circle = svgDoc.createElement("circle");
+		circle.setAttribute("transform","ref(svg,"+ans[printedIndex[i]].coordinates[0]*100+","+(-ans[printedIndex[i]].coordinates[1]*100)+")");
+		circle.setAttribute("cx","0");
+		circle.setAttribute("cy","0");
+		circle.setAttribute("r","10");
+		circle.setAttribute("fill","red");
+		svgImageRoot.appendChild(circle);
+//		console.log(circle);
+	}
+	/** 廃止
+	if ( cbf ){
+		cbf();
+	} else {
+		svgMap.refreshScreen();
+	}
+	**/
+}
+
+
+var csvAppendMode = false;
+var csvSource = {};
+function prepareResultAndPrintcsv(ans){
+	if ( ! csvAppendMode ){
+		printCsvSchema();
+	}
+	
+	var printedIndex = [];
+	var ta = document.getElementById("ansArea");
+	var csvTxt ="";
+	for ( var i = 0 ; i < ans.length ; i++ ){
+		var lng = ans[i].coordinates[0];
+		var lat = ans[i].coordinates[1];
+		var hue = ans[i].hsv.h;
+		var title = ans[i].src.getAttribute("xlink:title");
+		var meta = ans[i].src.getAttribute("content");
+		
+		var hashKey = title+lat+","+lng;
+		if ( ! csvSource[hashKey] ){
+			csvTxt += title +","+lat+","+lng+","+hue+","+meta+"\n";
+			csvSource[hashKey] = {title:title,lat:lat,lng:lng,meta:meta,hue:hue};
+			printedIndex.push(i);
+		} else {
+			console.log("match hash skip output");
+		}
+	}
+	ta.value += csvTxt;
+	return ( printedIndex );
+}
+
+function printCsvSchema(){
+	csvSource = {};
+	var ta = document.getElementById("ansArea");
+	var csvTxt = "title,latitude,longitude,hue,"+ getPoiSchema()+"\n";
+	ta.value = csvTxt;
+}
+
+function markAllInRangePoints(){ // 一括検索完了時の処理
+	var svgDoc = svgImage;
+	var svgImageRoot = svgDoc.documentElement;
+	for ( var ansHash in csvSource){
+		var POI = csvSource[ansHash];
+		var circle = svgDoc.createElement("circle");
+		circle.setAttribute("transform","ref(svg,"+POI.lng*100+","+(-POI.lat*100)+")");
+		circle.setAttribute("cx","0");
+		circle.setAttribute("cy","0");
+		circle.setAttribute("r","10");
+		circle.setAttribute("fill","red");
+		svgImageRoot.appendChild(circle);
+//		console.log(circle);
+	}
+	revertLayerSetup();
+}
+
+
+function getPoiSchema(){
+	svgImagesProps = svgMap.getSvgImagesProps();
+	sourcePoiId = getTargetLayerId("targetPoiLayer");
+	for ( var key in svgImagesProps){
+		if ( svgImagesProps[key].rootLayer == sourcePoiId &&
+		svgImagesProps[key].metaSchema ){
+			return ( svgImagesProps[key].metaSchema );
+		}
+	}
+}
+
+function clearCircles(){
+	clearElementsByTagName("circle");
+}
+function clearElementsByTagName(tagName){
+//	var svgDoc = svgImages[layerID];
+	var svgDoc = svgImage
+	var svgImageRoot = svgDoc.documentElement;
+	var circles = svgDoc.getElementsByTagName(tagName);
+	for ( var i = circles.length - 1 ; i >= 0 ; i-- ){
+//		console.log("clearCircles circles.length:",circles.length);
+		circles[i].parentNode.removeChild(circles[i]);
+	}
+}
+
+
+function progrssCallback( percent ){
+	console.log("progrssCallback:",percent);
+	if ( percent < 100 ){
+		document.getElementById("hitcount").innerHTML= "computing:"+ percent + "/100";
+	} else {
+		document.getElementById("hitcount").innerHTML= "completed!!";
+		if ( !allSearching ){
+			document.getElementById("hlt").disabled=true;
+		}
+	}
+}
+
+var authoringToolProps;
+function initColorPicker(){
+//	authoringToolProps = svgMapAuthoringTool.initPOItools(document.getElementById("colorPicker"),layerID,pickColorUiCbf,null,true);
+	authoringToolProps = svgMapAuthoringTool.initPOIregistTool(document.getElementById("colorPicker"),layerID,"colorPickIcon", "syl0", "colorPoint", "", pickColorUiCbf,null,true);
+}
+
+function pickColorUiCbf( stat ){
+	console.log("pickColorUiCbf:",stat);
+	pickColors();
+}
+
+function pickColors(){
+	stopContSearch();
+	clearCircles();
+	sourceCoverId = getTargetLayerId("targetCoverLayer");
+	
+	svgMapGIStool.getInRangePoints( layerID, sourceCoverId , null, pickColorsPh2 , null , progrssCallback );
+}
+
+var targetRange = [[30,36]];
+
+function pickColorsPh2(ans){
+	clearElementsByTagName("use");
+	console.log("complete pickColors... ",ans);
+	var resultDiv = document.getElementById("pickedColors");
+	for ( var i = 0 ; i < ans.length ; i++ ){
+		var r = ("0" + ans[i].hsv.r.toString(16)).slice(-2);
+		var g = ("0" + ans[i].hsv.g.toString(16)).slice(-2);
+		var b = ("0" + ans[i].hsv.b.toString(16)).slice(-2);
+		var span = document.createElement("span");
+		span.innerHTML="&nbsp;&nbsp;";
+		span.style.backgroundColor="#"+r+g+b;
+		resultDiv.appendChild(span);
+		var cRange = [ans[i].hsv.h - 5, ans[i].hsv.h + 5];
+		targetRange.push(cRange);
+	}
+	console.log(targetRange);
+}
+
+function clearPickColors(){
+	stopContSearch();
+	clearCircles();
+	svgMap.refreshScreen();
+	targetRange = [];
+	var resultDiv = document.getElementById("pickedColors");
+	resultDiv.innerHTML="&nbsp;";
+	document.getElementById("ansArea").value="";
+}
+
+
+var prevTargetLayers=[];
+function listVisiblePoiCaverLayers(e){
+	var targetLayers=[];
+	var layers = svgMap.getLayers();
+	for ( var i = layers.length -1  ; i >=0 ; i-- ){
+		if ( layers[i].getAttribute("visibility")!="hidden" && layers[i].getAttribute("iid")!=layerID){
+			var lTitle = layers[i].getAttribute("title");
+//			console.log(lTitle);
+			targetLayers.push(lTitle);
+		}
+	}
+	
+	// check changed
+//	console.log("targetLayers:",targetLayers);
+	var changed = false;
+	if ( prevTargetLayers.length != targetLayers.length ){
+		changed = true;
+	} else {
+		for ( var i = 0 ; i < prevTargetLayers ; i++ ){
+			if ( prevTargetLayers[i] != targetLayers[i]){
+				changed = true;
+				break;
+			}
+		}
+	}
+	
+	if ( changed ){
+		listVisibleLayers("targetPoiLayer",targetLayers);
+		listVisibleLayers("targetCoverLayer",targetLayers);
+	}
+	prevTargetLayers = targetLayers;
+}
+
+
+function listVisibleLayers(selectId,targetLayers){
+//	console.log("called listVisibleLayers");
+	
+	targetList = document.getElementById(selectId);
+	var selName ="";
+	if ( targetList.options.length > 0 ){
+		selName = targetList.options[targetList.selectedIndex].value;
+	}
+	
+	console.log("listVisibleLayers:",targetList);
+	removeChildren(targetList);
+	for ( var i = 0 ; i < targetLayers.length ; i++ ){
+		var opt = document.createElement("option");
+		var lTitle = targetLayers[i];
+		opt.setAttribute("value",lTitle);
+		if ( lTitle == selName ){
+			opt.selected = true;
+		}
+		opt.innerHTML=lTitle;
+		targetList.appendChild(opt);
+	}
+}
+
+function removeChildren( parent ){
+	for (var i =parent.childNodes.length-1; i>=0; i--) {
+		parent.removeChild(parent.childNodes[i]);
+	}
+}
+
+var contSearch = false;
+function toggleContSearch(){
+	contSearch = ! contSearch;
+	console.log("called toggleContSearch:",contSearch);
+	if ( contSearch ){
+		startContSearch();
+		
+	} else {
+		stopContSearch();
+	}
+}
+
+function startContSearch(){
+	contSearch = true;
+	contSearchBtn.value="連続検索終了";
+	csvAppendMode = true;
+	printCsvSchema();
+	searchInRangePoints();
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+	document.addEventListener("zoomPanMap", doContSearch , false);
+}
+
+function stopContSearch(){
+	contSearch = false;
+	contSearchBtn.value="連続検索開始";
+	csvAppendMode = false;
+	document.removeEventListener("zoomPanMap", doContSearch , false);
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+}
+
+function doContSearch(){
+	console.log("called doContSearch");
+	searchInRangePoints();
+}
+
+
+// オートパイロット これは別モジュールで建てるかも？
+var currentLevelPos ; // 次に検索すべきエリアを演算するためのデータ。int[level]1次元整数(0..3まで)配列： 配列番号はタイルレベル、それぞれの値はそのレベルにおける４分木タイル番号(0..3) 0: 左下, 1:右下, 2:左上, 3:右上　なお、タイルレベルは、初期ビューボックスをレベル0と定義（グローバルタイルとは違う）
+var initialViewBox , sourcePoiLayerId, contDepth, prevImage;
+var depthLimitter = 5;
+var allSearching = false; // 現在一括検索中フラグ
+var totalHitCount;
+function searchAll(){
+	document.getElementById("hlt").disabled=false;
+	document.getElementById("progress").innerHTML="Start computing.";
+	clearCircles();
+	csvAppendMode = true;
+	allSearching = true;
+	totalHitCount = 0;
+	printCsvSchema();
+	initialViewBox = svgMap.getGeoViewBox();
+	document.addEventListener("zoomPanMap",APzoomPanListener,false);
+
+	sourceCoverId = getTargetLayerId("targetCoverLayer");
+	sourcePoiLayerId = getTargetLayerId("targetPoiLayer");
+	
+	// レイヤーのオンオフ状況をストアしたうえで、検索ターゲット以外のレイヤーをオフにする
+	turnoutLayerSetup(sourceCoverId,sourcePoiLayerId);
+	
+	console.log("SearchAll:",sourcePoiId, "   geoVB:",initialViewBox);
+	currentLevelPos = [];
+	var superParam = {	}
+	contDepth = 0;
+	prevImage = false;
+	svgMap.captureGISgeometriesOption(true); 
+	svgMap.captureGISgeometries(searchAllS2 , superParam );	
+}
+
+function searchAllS2(geom , superParam ){
+	console.log(geom,  currentLevelPos , initialViewBox , sourcePoiLayerId);
+	
+	var hasPoiLowResI = hasPoiLowResImage(geom,sourcePoiLayerId)
+	console.log("hasPoiLowResImage:", hasPoiLowResI, "  in ",sourcePoiLayerId);
+	
+	if ( hasPoiLowResI ){
+		if ( prevImage ){
+			++ contDepth;
+			if ( contDepth > depthLimitter ){
+				console.log("Over Limitter...");
+				document.getElementById("progress").innerHTML= "";
+				document.getElementById("hitcount").innerHTML="Canceled by limitter over.";
+				document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+				svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+				document.getElementById("hlt").disabled=true;
+				allSearching = false;
+				return;
+			}
+		} else {
+			contDepth = 0;
+		}
+		prevImage = true;
+//		console.log("レベルを上げる・・・・・・",contDepth);
+		// レベルを上げる
+		// setGeoViewPort( lat, lng, latSpan , lngSpan)..
+		currentLevelPos.push(0);
+		var subArea = getSubArea(currentLevelPos,initialViewBox);
+		document.getElementById("hitcount").innerHTML= "Hit:" + totalHitCount + "  Zooming.";
+		svgMap.setGeoViewPort( subArea.y, subArea.x, subArea.height , subArea.width);
+	} else {
+		prevImage = false;
+		// 検索する
+		// TBD 今後ここで、上で作ったgeomを使った再利用機構を入れる（searchInRangePointsを更に先のGIStoolsを改良した上で) 2019/12/27
+		searchInRangePoints( searchAllS3,geom
+//			function(){ // 検索が完了したら必要に応じて次のタイルに移行させる
+//			document.getElementById("hitcount").innerHTML= "Moving to next area.";
+//			document.getElementById("progress").innerHTML=getProgress(currentLevelPos) + "/100 completed.";
+//			prepareNextArea(currentLevelPos);
+//		}
+		);
+	}
+}
+
+function searchAllS3(ans,totalPoiCount, param){ // totalPoiCount , param はないと思う 2019/12
+	var printedIndex = prepareResultAndPrintcsv(ans);
+	totalHitCount += printedIndex.length;
+	document.getElementById("hitcount").innerHTML= "Hit:" + totalHitCount + "  Moving to next area.";
+	document.getElementById("progress").innerHTML=getProgress(currentLevelPos) + "/100 completed.";
+	prepareNextArea(currentLevelPos);
+}
+
+
+function prepareNextArea(currentLevelPos){
+	if ( currentLevelPos.length > 0 ){
+		if ( currentLevelPos[currentLevelPos.length-1] < 3 ){
+			// 次のタイルに移動する
+			currentLevelPos[currentLevelPos.length-1] = currentLevelPos[currentLevelPos.length-1]+1;
+			var subArea = getSubArea(currentLevelPos,initialViewBox);
+			svgMap.setGeoViewPort( subArea.y, subArea.x, subArea.height , subArea.width);
+		} else {
+			// そのレベルの探索は完了 上のレベルに戻す
+			console.log("Complete this level :",currentLevelPos);
+			var cl = currentLevelPos.length-1;
+			currentLevelPos.splice(cl,1);
+			prepareNextArea(currentLevelPos);
+		}
+	} else {
+		// 処理終了
+		console.log("Totally Completed...");
+		csvAppendMode = false;
+		document.getElementById("progress").innerHTML= "";
+		document.getElementById("hitcount").innerHTML="Totally Completed!";
+		document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+		document.getElementById("hlt").disabled=true;
+		allSearching = false;
+		markAllInRangePoints();
+		svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+	}
+}
+
+var APzoomPanListener = function (event){
+	console.log("APzoomPanListener");
+	svgMap.captureGISgeometriesOption(true); 
+	svgMap.captureGISgeometries(searchAllS2 );
+}
+
+function getSubArea(currentLevelPos,initialViewBox){
+	console.log(initialViewBox);
+	var x = initialViewBox.x;
+	var y = initialViewBox.y;
+	var w = initialViewBox.width;
+	var h = initialViewBox.height;
+	for ( var lvl = 0 ; lvl < currentLevelPos.length ; lvl++ ){
+		w = w/2;
+		h = h/2;
+		tx = currentLevelPos[lvl] % 2;
+		ty = Math.floor(currentLevelPos[lvl] / 2);
+		
+		x = x + tx * w;
+		y = y + ty * h;
+	}
+	return {
+		x:x,
+		y:y,
+		width:w,
+		height:h
+	}
+}
+
+
+function hasPoiLowResImage(geom,sourcePoiLayerId){
+	var svgImagesProps = svgMap.getSvgImagesProps();
+	var gCount = 0;
+	for ( var layerId in geom ){
+		if ( svgImagesProps[layerId].rootLayer == sourcePoiLayerId){ // 対象としているPOIのレイヤー(及びそのサブレイヤー)に対して
+			for ( var i = 0 ; i < geom[layerId].length ; i++ ){
+				if ( geom[layerId][i].type =="Coverage" ){
+					return ( true ); // 一個でもカバレッジがあればtrue
+				}
+				++ gCount
+			}
+		}
+	}
+	if ( gCount > 0 ){
+		return ( false ); // 一方カバレッジがないけれどその他のオブジェクトがあればfalse
+	} else {
+		return ( false ); // なんもないときは・・・
+	}
+}
+
+function getProgress(currentLevelPos){
+	var ans = 0;
+	var mul = 1;
+	for ( var i = 0 ; i < currentLevelPos.length ; i++ ){
+		if ( i == currentLevelPos.length-1){
+			ans += (currentLevelPos[i]+1)*25 / mul;
+		} else {
+			ans += currentLevelPos[i]*25 / mul;
+		}
+		mul = mul * 4;
+	}
+	return ( ans );
+}
+
+function getTargetLayerId(seledtTagId){
+	var sel = document.getElementById(seledtTagId);
+	var layerTitle = sel.options[sel.selectedIndex].value;
+	if ( layerTitle ){
+		return( svgMap.getLayerId(layerTitle));
+	} else {
+		sel.selectedIndex==1; // これはポリゴンの自分のレイヤーで編集してるとき
+		return (layerID);
+	}
+	
+}
+
+var currentLayerProps;
+function turnoutLayerSetup(targetPolyId, targetPoiId){
+	// 一括検索時に、不要なレイヤーを非表示にして効率化する
+	var lp = svgMap.getRootLayersProps();
+	console.log("RootLayersProps:",lp);
+	currentLayerProps=[];
+	for ( var i = 0 ; i < lp.length ; i++ ){
+		currentLayerProps.push({
+			id:lp[i].id,
+			visible:lp[i].visible
+		});
+		
+		if ( lp[i].id != targetPolyId && lp[i].id != targetPoiId && lp[i].id != layerID){
+			svgMap.setRootLayersProps(lp[i].id, false, false);
+		}
+		
+	}
+	
+}
+function revertLayerSetup(){
+	// 一括検索終了時に、レイヤーのOn/Off状態をもとに戻す
+	// setRootLayersProps(layerID_Numb_Title, visible , editing , hashOption ){
+	for ( var i = 0 ; i < currentLayerProps.length ; i++){
+		svgMap.setRootLayersProps(currentLayerProps[i].id, currentLayerProps[i].visible, false);
+	}
+	currentLayerProps=[];
+
+}
+
+</script>
+<body>
+<h3>ラスターGISレイヤー</h3>
+<div style="background-color:#E0E0E0;">
+<b>Target Layer:</b>
+<div>
+POI:
+<select name="targetPoiLayer" id="targetPoiLayer" onChange="clearPickColors()" >
+</select>
+</div>
+<div>
+Coverage:
+<select name="targetCoverLayer" id="targetCoverLayer" onChange="clearPickColors()">
+</select>
+</div>
+</div>
+<div style="background-color:#FFFFFF;">
+<b>色域選択</b>
+<div id="colorPicker"></div>
+<div id="pickedColors"><span style="background-color:#F8ab46;">&nbsp;&nbsp;</span></div>
+<input type="button" value="クリア" onClick="clearPickColors()">
+</div>
+<div style="background-color:#E0E0E0;">
+<b>空間検索</b>
+<input type="button" value="単発検索" onClick="searchInRangePoints()"/>
+<input id="contSearchBtn"  type="button" value="連続検索開始" onClick="toggleContSearch()"/>
+<input id="allSearchBtn"  type="button" value="一括検索" onClick="searchAll()"/>
+<input type="button" id="hlt" value="中止" onClick="halt()" disabled/>
+<div id="hitcount">count</div><div id="progress"></div>
+<textarea id="ansArea" style="width:95%;height:200px;font-size:8pt">About: 任意のラスターデータ(Coverage)のレイヤーの指定した色域と重なっている、任意のポイント情報(POI)のレイヤーのPOIを検索し、結果を地図上にマーク＆この欄にCSVを出力します。
+
+Note:
+・POIのレイヤーがアイコン化した状態まで拡大していないと、検索対象になりません。
+・連続検索を押すと、伸縮スクロールするたびに検索が実行され結果が地図上及びCSVに追加されていきます、広い領域の検索に便利です。
+・一括検索を押すと、選択したPOIレイヤーのPOIがアイコン化していない場合、自動的に拡大＆スクロールを繰り返し検索を実行します。こちらも広い領域の検索に便利です。</textarea>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/appLayers/rasterGisLayer.svg b/appLayers/rasterGisLayer.svg
new file mode 100755
index 0000000..03d1f3d
--- /dev/null
+++ b/appLayers/rasterGisLayer.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:go="http://purl.org/svgmap/profile"  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" data-controller="imageIntersectionGIS3.html#requiredHeight=550" viewBox="13614,-3602,12,12">
+ <metadata>
+  <rdf:RDF xmlns:rdf="http://www.w3.og/1999/02/22-rdf-syntax-ns#" xmlns:crs="http://www.ogc.org/crs" xmlns:svg="http://www.w3.org/svg">
+   <rdf:Description>
+    <crs:CoordinateReferenceSystem rdf:resource="http://purl.org/crs/84"  svg:transform="matrix(100,0,0,-100,0,0)" />
+   </rdf:Description>
+  </rdf:RDF>
+ </metadata>
+ <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(100,0,0,-100,0,0)" />
+ <defs>
+  <g id="syl0" > 
+   <image xlink:href="../../mappin.png" preserveAspectRatio="none" x="-8" y="-25" width="19" height="27"/>
+  </g>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/appLayers/vectorGisLayer.svg b/appLayers/vectorGisLayer.svg
new file mode 100755
index 0000000..6479484
--- /dev/null
+++ b/appLayers/vectorGisLayer.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:go="http://purl.org/svgmap/profile"  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" data-controller="vectorIntersectionGIS.html#requiredHeight=550&amp;requiredWidth=400" viewBox="13614,-3602,12,12">
+ <metadata>
+  <rdf:RDF xmlns:rdf="http://www.w3.og/1999/02/22-rdf-syntax-ns#" xmlns:crs="http://www.ogc.org/crs" xmlns:svg="http://www.w3.org/svg">
+   <rdf:Description>
+    <crs:CoordinateReferenceSystem rdf:resource="http://purl.org/crs/84"  svg:transform="matrix(100,0,0,-100,0,0)" />
+   </rdf:Description>
+  </rdf:RDF>
+ </metadata>
+ <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(100,0,0,-100,0,0)" />
+ <defs>
+  <g id="syl0" > 
+   <image xlink:href="../../mappin.png" preserveAspectRatio="none" x="-8" y="-25" width="19" height="27"/>
+  </g>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/appLayers/vectorIntersectionGIS.html b/appLayers/vectorIntersectionGIS.html
new file mode 100755
index 0000000..2d744ee
--- /dev/null
+++ b/appLayers/vectorIntersectionGIS.html
@@ -0,0 +1,661 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Layer Specific UI for rasterGIS</title>
+<meta charset="UTF-8">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<script>
+// Vector GIS Layer
+// 任意のベクトルのポリゴンレイヤーに入る任意のレイヤーのポイント(Vector)データを抽出する機能
+// Programmed by Satoru Takagi
+// Copright 2019 by Satoru Takagi @ KDDI All Rights Reserved
+//
+// Version History
+// Rev0 
+// 2018/08/01 Rev1 一括検索(オートパイロット)
+// 2019/10/11 オートパイロット系のいろいろデバッグ
+// 2019/10/11 Rev2 オーサリングツールを実装し、自分で描いたテンポラリなポリゴンに対する範囲検索を可能にした。
+// 2019/12/26 効率をかなり向上（３倍ぐらい速くなったか？）
+
+// ISSUE 何か一括検索が止まるケースがある（リロードすると直るので再現性が低い）対症的だが、タイマー仕掛けてrefreshscreenすると良いのではないかと思う
+
+// http://svg2.mbsrv.net/devinfo/devkddi/lvl0.1/rev13/SVGMapper_r15_GISr2.html#xywh=global:138.43,35.20,0.1,0.1
+
+// layerID
+// svgMap
+// svgImageProps: svgMap.getSvgImagesProps()
+// svgImages: svgMap.getSvgImages()
+//
+// event zoomPanMap
+
+var sourcePolygonLayerId, sourceLineLayerId;
+var svgImages,svgImagesProps;
+//var sourceCoverId,sourcePoiId;
+var contSearchBtn;
+
+onload=function(){
+	console.log("onload:");
+	setTimeout(listVisiblePoiCoverLayers,10);
+	document.addEventListener("screenRefreshed", listVisiblePoiCoverLayers , false);
+	contSearchBtn = document.getElementById("contSearchBtn");
+	setTimeout(initAuthoringTool,10);
+//	document.addEventListener("screenRefreshed",testScreenRefreshedListener,false);
+}
+
+function initAuthoringTool(){
+	console.log("initAuthoringTool",svgImage,svgImageProps,layerID);
+	
+	svgMapAuthoringTool.initPolygonTools(document.getElementById("polygonTool"),layerID,polygonToolCBF,"cbFuncParam",false);
+}
+
+function polygonToolCBF( param1 , param2 ){
+	console.log("polygonToolCBF:");
+	var pols= svgImage.getElementsByTagName("path");
+	for ( var i =0 ; i <pols.length ; i++){
+		pols[i].setAttribute("opacity","0.3");
+	}
+}
+
+function halt(){
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+	svgMapGIStool.haltComputing();
+	if ( allSearching ){ // 一括検索時には表示レイヤとビューポートをもとに戻す
+		allSearching = false;
+		revertLayerSetup();
+		svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+	}
+	document.getElementById("hlt").disabled=true;
+	document.getElementById("progress").innerHTML= "";
+	document.getElementById("hitcount").innerHTML="Halt";
+}
+
+var usePolygonAttr = false; // 2019/12/19 包含するポリゴンの属性を取得して利用するケース
+function setIncludedPolygonAttrFlg(){
+	var flg = document.getElementById("includedPolygonAttrFlg").selectedIndex;
+	if ( flg == 0 ){
+		usePolygonAttr = false;
+	} else {
+		usePolygonAttr = true;
+	}
+}
+
+function searchInAreaPoints(cbf,preCapturedGeometry){
+	svgMap.captureGISgeometriesOption(true,true); 
+	document.getElementById("hitcount").innerHTML="Start";
+	svgImages = svgMap.getSvgImages();
+	svgImagesProps = svgMap.getSvgImagesProps();
+//	console.log("svgImagesProps:",svgImagesProps);
+	document.getElementById("hlt").disabled=false;
+//	console.log("Search POI included within this polygon");
+
+	var sourceCoverId = getTargetLayerId("targetCoverLayer");
+
+	var sourcePoiId = getTargetLayerId("targetPoiLayer");
+	
+	if ( !sourceCoverId || !sourcePoiId ){
+		return;
+	}
+	
+	console.log("Search : sourceCoverId:",sourceCoverId,svgImages[sourceCoverId],"  sourcePoiId:",sourcePoiId,svgImages[sourcePoiId], " thisLayerId:",layerID );
+	
+	var getIncludedPointsCallback; // 一括検索時は効率化のためmarkInRangePointsを全く使用しないことにする 2019/12/26
+	if ( cbf ){
+		getIncludedPointsCallback = cbf;
+	} else {
+		getIncludedPointsCallback = markInRangePoints;
+	}
+	
+	svgMapGIStool.getIncludedPoints( sourcePoiId, sourceCoverId, getIncludedPointsCallback, null , progrssCallback , false , true , usePolygonAttr , preCapturedGeometry); // 2019/12/26 新設したpreCapturedGeometryパラメータで効率化を図る(一括検索時)
+}
+
+function markInRangePoints(ans,totalPoiCount){
+	console.log("complete computation... ",ans);
+	var printedIndex = prepareResultAndPrintcsv(ans);
+//	clearCircles();
+//	var svgDoc = svgImages[layerID];
+	var svgDoc = svgImage
+	var svgImageRoot = svgDoc.documentElement;
+	for ( var i = 0 ; i < printedIndex.length ; i++ ){
+		var circle = svgDoc.createElement("circle");
+		circle.setAttribute("transform","ref(svg,"+ans[printedIndex[i]].coordinates[0]*100+","+(-ans[printedIndex[i]].coordinates[1]*100)+")");
+		circle.setAttribute("cx","0");
+		circle.setAttribute("cy","0");
+		circle.setAttribute("r","10");
+		circle.setAttribute("fill","red");
+		svgImageRoot.appendChild(circle);
+//		console.log(circle);
+	}
+	/** 廃止 2019/12/26
+	if ( cbf ){
+		cbf();
+	} else {
+		svgMap.refreshScreen();
+	}
+	**/
+	svgMap.refreshScreen();
+}
+
+
+var csvAppendMode = false;
+var csvSource = {}; // 重複のない、検索済みデータ(CSVやSVGのマークとして出力すべきデータの必要部分)を格納する
+function prepareResultAndPrintcsv(ans){
+	if ( ! csvAppendMode ){
+		printCsvSchema();
+	}
+//	console.log("csvSource(for matching):", csvSource);
+	var printedIndex = [];
+	var ta = document.getElementById("ansArea");
+	var csvTxt ="";
+	for ( var i = 0 ; i < ans.length ; i++ ){
+		var lng = ans[i].coordinates[0];
+		var lat = ans[i].coordinates[1];
+		var title = ans[i].src.getAttribute("xlink:title");
+		var meta = ans[i].src.getAttribute("content");
+		
+		var polyMeta ="";
+		if ( usePolygonAttr ){
+			polyMeta = ","+ans[i].includedPolygonAttr;
+		}
+		
+		var hashKey = title+lat+","+lng; // 重複のチェックは緯度経度とタイトルで行う
+		if ( ! csvSource[hashKey] ){ // 重複しているものは出力しない
+			csvTxt += title + "," + lat + "," + lng + "," + meta + polyMeta + "\n";
+			csvSource[hashKey] = {title:title,lat:lat,lng:lng,meta:meta,polyMeta:polyMeta};
+			printedIndex.push(i);
+		} else {
+			console.log("match hash skip output");
+		}
+	}
+	ta.value += csvTxt;
+	return ( printedIndex ); // 重複しないもののインデックスを返す
+}
+
+function printCsvSchema(){
+	csvSource = {};
+	console.log ("clear csvSource=====================");
+	var ta = document.getElementById("ansArea");
+	var polySchemaTxt="";
+	if ( usePolygonAttr ){
+		var polySchema = (getPolygonSchema()).split(",");
+//		console.log("polySchema:",polySchema);
+		if ( polySchema ){
+			for ( var i = 0 ; i < polySchema.length ; i++){
+				polySchemaTxt = polySchemaTxt + ",includedPolygon_" + polySchema[i];
+			}
+		}
+	}
+	var csvTxt = "title,latitude,longitude,"+ getPoiSchema()+polySchemaTxt+"\n";
+	ta.value = csvTxt;
+}
+
+function getPoiSchema(){
+	svgImagesProps = svgMap.getSvgImagesProps();
+	var sourcePoiId = getTargetLayerId("targetPoiLayer");
+	return (getLayerSchema(sourcePoiId));
+}
+
+function getPolygonSchema(){
+	var sourcePolyId = getTargetLayerId("targetCoverLayer");
+	return (getLayerSchema(sourcePolyId));
+}
+
+function getLayerSchema(sourcePoiId){
+	svgImagesProps = svgMap.getSvgImagesProps();
+	for ( var key in svgImagesProps){
+		if ( svgImagesProps[key].rootLayer == sourcePoiId &&
+		svgImagesProps[key].metaSchema ){
+			return ( svgImagesProps[key].metaSchema );
+		}
+	}
+}
+
+function clearCircles(){
+	clearElementsByTagName("circle");
+}
+function clearElementsByTagName(tagName){
+//	var svgDoc = svgImages[layerID];
+	var svgDoc = svgImage
+	var svgImageRoot = svgDoc.documentElement;
+	var circles = svgDoc.getElementsByTagName(tagName);
+	for ( var i = circles.length - 1 ; i >= 0 ; i-- ){
+//		console.log("clearCircles circles.length:",circles.length);
+		circles[i].parentNode.removeChild(circles[i]);
+	}
+}
+
+
+function progrssCallback( percent ){
+	console.log("progrssCallback:",percent);
+	if ( percent < 100 ){
+		document.getElementById("hitcount").innerHTML= "computing:"+ percent + "/100";
+	} else {
+		document.getElementById("hitcount").innerHTML= "completed!!";
+		if ( !allSearching ){
+			document.getElementById("hlt").disabled=true;
+		}
+	}
+}
+
+
+var prevTargetLayers=[];
+function listVisiblePoiCoverLayers(e){
+	var targetLayers=[];
+	var layers = svgMap.getLayers();
+	for ( var i = layers.length -1  ; i >=0 ; i-- ){
+		if ( layers[i].getAttribute("visibility")!="hidden" && layers[i].getAttribute("iid")!=layerID){
+			var lTitle = layers[i].getAttribute("title");
+//			console.log(lTitle);
+			targetLayers.push(lTitle);
+		}
+	}
+	
+	// check changed
+//	console.log("targetLayers:",targetLayers);
+	var changed = false;
+	if ( prevTargetLayers.length != targetLayers.length ){
+		changed = true;
+	} else {
+		for ( var i = 0 ; i < prevTargetLayers ; i++ ){
+			if ( prevTargetLayers[i] != targetLayers[i]){
+				changed = true;
+				break;
+			}
+		}
+	}
+	
+	if ( changed ){
+		listVisibleLayers("targetPoiLayer",targetLayers);
+		listVisibleLayers("targetCoverLayer",targetLayers,true);
+	}
+	prevTargetLayers = targetLayers;
+}
+
+function clearPickColors(){
+	console.log("clearPickColors : ", document.getElementById("targetCoverLayer").selectedIndex);
+	stopContSearch();
+	clearCircles();
+	svgMap.refreshScreen();
+	targetRange = [];
+	document.getElementById("ansArea").value="検索結果表示エリア";
+	
+	if(document.getElementById("targetCoverLayer").selectedIndex==1){ // 描いて指定の場合はオーサリングツール出す
+		document.getElementById("polygonToolPanel").style.display="";
+	} else {
+		document.getElementById("polygonToolPanel").style.display="none";
+	}
+	
+}
+
+
+function listVisibleLayers(selectId,targetLayers,authoringLayer){
+//	console.log("called listVisibleLayers");
+	
+	targetList = document.getElementById(selectId);
+	var selName ="";
+	if ( targetList.options.length > 0 ){
+		selName = targetList.options[targetList.selectedIndex].value;
+	}
+	
+	console.log("listVisibleLayers:",targetList);
+	removeChildren(targetList);
+	
+	var headOpt=document.createElement("option");
+	headOpt.setAttribute("value","");
+	headOpt.selected = true;
+	headOpt.innerHTML="対象を選択";
+	targetList.appendChild(headOpt);
+	if(authoringLayer){
+		var atOpt = document.createElement("option");
+		atOpt.setAttribute("value","");
+		atOpt.innerHTML="領域を描いて指定";
+		targetList.appendChild(atOpt);
+	}
+	
+	for ( var i = 0 ; i < targetLayers.length ; i++ ){
+		var opt = document.createElement("option");
+		var lTitle = targetLayers[i];
+		opt.setAttribute("value",lTitle);
+		if ( lTitle == selName ){
+			opt.selected = true;
+		}
+		opt.innerHTML=lTitle;
+		targetList.appendChild(opt);
+	}
+}
+
+function removeChildren( parent ){
+	for (var i =parent.childNodes.length-1; i>=0; i--) {
+		parent.removeChild(parent.childNodes[i]);
+	}
+}
+
+var contSearch = false;
+function toggleContSearch(){
+	contSearch = ! contSearch;
+	console.log("called toggleContSearch:",contSearch);
+	if ( contSearch ){
+		startContSearch();
+		
+	} else {
+		stopContSearch();
+	}
+}
+
+function startContSearch(){
+	contSearch = true;
+	contSearchBtn.value="連続検索終了";
+	csvAppendMode = true;
+	printCsvSchema();
+	searchInAreaPoints();
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+	document.addEventListener("zoomPanMap", doContSearch , false);
+}
+
+function stopContSearch(){
+	contSearch = false;
+	contSearchBtn.value="連続検索開始";
+	csvAppendMode = false;
+	document.removeEventListener("zoomPanMap", doContSearch , false);
+	document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+}
+
+function doContSearch(){ // こちらが、連続検索を発動させるイベントリスナ
+	console.log("called doContSearch");
+	searchInAreaPoints();
+}
+
+
+// 一括検索機能の実装
+// オートパイロット機能をもつ これは別モジュールで建てる方向
+var currentLevelPos ; // 次に検索すべきエリアを演算するためのデータ。int[level]1次元整数(0..3まで)配列： 配列番号はタイルレベル、それぞれの値はそのレベルにおける４分木タイル番号(0..3) 0: 左下, 1:右下, 2:左上, 3:右上　なお、タイルレベルは、初期ビューボックスをレベル0と定義（グローバルタイルとは違う）
+var initialViewBox , sourcePoiLayerId, contDepth, prevImage;
+var depthLimitter = 5;
+var allSearching = false; // 現在一括検索中フラグ
+var totalHitCount;
+function searchAll(){
+	document.getElementById("hlt").disabled=false;
+	document.getElementById("progress").innerHTML="Start computing.";
+	clearCircles();
+	csvAppendMode = true;
+	allSearching = true;
+	totalHitCount = 0;
+	printCsvSchema();
+	initialViewBox = svgMap.getGeoViewBox();
+	document.addEventListener("zoomPanMap",APzoomPanListener,false);
+	
+	sourcePoiLayerId = getTargetLayerId("targetPoiLayer");
+	
+	sourcePolygonLayerId = getTargetLayerId("targetCoverLayer");
+	
+	if(!sourcePoiLayerId || !sourcePolygonLayerId){
+		return;
+	}
+	
+	// レイヤーのオンオフ状況をストアしたうえで、検索ターゲット以外のレイヤーをオフにする
+	turnoutLayerSetup(sourcePolygonLayerId,sourcePoiLayerId);
+	
+	console.log("SearchAll:",sourcePoiLayerId, "   geoVB:",initialViewBox);
+	currentLevelPos = [];
+	var superParam = {	}
+	contDepth = 0;
+	prevImage = false;
+	svgMap.captureGISgeometriesOption(true,true); 
+	svgMap.captureGISgeometries(searchAllS2 , superParam );	
+}
+
+function searchAllS2(geom , superParam ){ // この関数が一括検索処理の中心。prepareNextAreaやこれ自身で次に検索すべきエリアへsetGeoViewPort、遷移によるロードが完了すると"zoomPanMap"イベントを経由してAPzoomPanListenerが起動、geometryを取得してsearchAllS2を再起呼び出しするループ
+//	console.log(geom,  currentLevelPos , initialViewBox , sourcePoiLayerId);
+	
+	var hasPoiLowResI = hasPoiLowResImage(geom,sourcePoiLayerId);
+	var hasPolygonLowResI = hasPolygonLowResImage(geom,sourcePolygonLayerId);
+	
+//	console.log("hasPoiLowResImage:", hasPoiLowResI, "  in ",sourcePoiLayerId);
+//	console.log("hasPolygonLowResImage:", hasPolygonLowResI, "  in ",sourcePolygonLayerId);
+	
+	if ( hasPoiLowResI || hasPolygonLowResI ){
+		if ( prevImage ){
+			++ contDepth;
+			if ( contDepth > depthLimitter ){
+				console.log("Over Limitter...");
+				document.getElementById("progress").innerHTML= "";
+				document.getElementById("hitcount").innerHTML="Canceled by limitter over.";
+				document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+				svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+				document.getElementById("hlt").disabled=true;
+				allSearching = false;
+				return;
+			}
+		} else {
+			contDepth = 0;
+		}
+		prevImage = true;
+//		console.log("レベルを上げる・・・・・・",contDepth);
+		// レベルを上げる
+		// setGeoViewPort( lat, lng, latSpan , lngSpan)..
+		currentLevelPos.push(0);
+		var subArea = getSubArea(currentLevelPos,initialViewBox);
+		document.getElementById("hitcount").innerHTML= "Hit:" + totalHitCount + "  Zooming.";
+		svgMap.setGeoViewPort( subArea.y, subArea.x, subArea.height , subArea.width);
+	} else {
+		prevImage = false;
+		// 検索する
+		searchInAreaPoints(searchAllS3,geom); // 取得済みgeomを再利用し効率化 2019/12/26(フレームワークにもオプション追加)
+	}
+}
+
+function searchAllS3(ans,totalPoiCount, param){
+	var printedIndex = prepareResultAndPrintcsv(ans);
+	totalHitCount += printedIndex.length;
+	document.getElementById("hitcount").innerHTML= "Hit:" + totalHitCount + "  Moving to next area.";
+	document.getElementById("progress").innerHTML=getProgress(currentLevelPos) + "/100 completed.";
+	prepareNextArea(currentLevelPos);
+}
+
+function prepareNextArea(currentLevelPos){
+	if ( currentLevelPos.length > 0 ){
+		if ( currentLevelPos[currentLevelPos.length-1] < 3 ){
+			// 次のタイルに移動する
+			currentLevelPos[currentLevelPos.length-1] = currentLevelPos[currentLevelPos.length-1]+1;
+			var subArea = getSubArea(currentLevelPos,initialViewBox);
+			svgMap.setGeoViewPort( subArea.y, subArea.x, subArea.height , subArea.width);
+		} else {
+			// そのレベルの探索は完了 上のレベルに戻す
+			console.log("Complete this level :",currentLevelPos);
+			var cl = currentLevelPos.length-1;
+			currentLevelPos.splice(cl,1);
+			prepareNextArea(currentLevelPos);
+		}
+	} else {
+		// 処理終了
+		console.log("Totally Completed...");
+		csvAppendMode = false;
+		document.getElementById("progress").innerHTML= "";
+		document.getElementById("hitcount").innerHTML="Totally Completed!";
+		document.removeEventListener("zoomPanMap",APzoomPanListener,false);
+		document.getElementById("hlt").disabled=true;
+		allSearching = false;
+		markAllInRangePoints();
+		svgMap.setGeoViewPort(initialViewBox.y,initialViewBox.x,initialViewBox.height,initialViewBox.width);
+	}
+}
+
+function markAllInRangePoints(){ // 一括検索完了時の処理
+	var svgDoc = svgImage;
+	var svgImageRoot = svgDoc.documentElement;
+	for ( var ansHash in csvSource){
+		var POI = csvSource[ansHash];
+		var circle = svgDoc.createElement("circle");
+		circle.setAttribute("transform","ref(svg,"+POI.lng*100+","+(-POI.lat*100)+")");
+		circle.setAttribute("cx","0");
+		circle.setAttribute("cy","0");
+		circle.setAttribute("r","10");
+		circle.setAttribute("fill","red");
+		svgImageRoot.appendChild(circle);
+//		console.log(circle);
+	}
+	revertLayerSetup();
+}
+
+var APzoomPanListener = function (event){ // 一括検索において、伸縮スクロールが完了（ドキュメントのロードも完了:zoomPanMap ev）したところで検索を開始させる（連続検索ループを動かしている）イベントリスナ
+	console.log("APzoomPanListene:");
+	svgMap.captureGISgeometriesOption(true,true); 
+	svgMap.captureGISgeometries(searchAllS2 );
+}
+
+function testScreenRefreshedListener(event){
+	console.log("testScreenRefreshedListen");
+}
+
+function getSubArea(currentLevelPos,initialViewBox){
+	console.log(initialViewBox);
+	var x = initialViewBox.x;
+	var y = initialViewBox.y;
+	var w = initialViewBox.width;
+	var h = initialViewBox.height;
+	for ( var lvl = 0 ; lvl < currentLevelPos.length ; lvl++ ){
+		w = w/2;
+		h = h/2;
+		tx = currentLevelPos[lvl] % 2;
+		ty = Math.floor(currentLevelPos[lvl] / 2);
+		
+		x = x + tx * w;
+		y = y + ty * h;
+	}
+	return {
+		x:x,
+		y:y,
+		width:w,
+		height:h
+	}
+}
+
+
+function hasPoiLowResImage(geom,sourcePoiLayerId){
+	var svgImagesProps = svgMap.getSvgImagesProps();
+	var gCount = 0;
+	for ( var layerId in geom ){
+		if ( svgImagesProps[layerId].rootLayer == sourcePoiLayerId){ // 対象としているPOIのレイヤー(及びそのサブレイヤー)に対して
+			for ( var i = 0 ; i < geom[layerId].length ; i++ ){
+				if ( geom[layerId][i].type =="Coverage" ){
+					return ( true ); // 一個でもカバレッジがあればtrue
+				}
+				++ gCount
+			}
+		}
+	}
+	if ( gCount > 0 ){
+		return ( false ); // 一方カバレッジがないけれどその他のオブジェクトがあればfalse
+	} else {
+		return ( false ); // なんもないときは・・・
+	}
+}
+
+// ポリゴンに対してもLowResでないのを確認して評価しないとダメですね。
+function hasPolygonLowResImage(geom,sourcePolygonLayerId){ // 同じロジックで大丈夫かな 2019/10/11
+	return hasPoiLowResImage(geom,sourcePolygonLayerId);
+}
+
+function getProgress(currentLevelPos){
+	var ans = 0;
+	var mul = 1;
+	for ( var i = 0 ; i < currentLevelPos.length ; i++ ){
+		if ( i == currentLevelPos.length-1){
+			ans += (currentLevelPos[i]+1)*25 / mul;
+		} else {
+			ans += currentLevelPos[i]*25 / mul;
+		}
+		mul = mul * 4;
+	}
+	return ( ans );
+}
+
+function getTargetLayerId(seledtTagId){
+	var sel = document.getElementById(seledtTagId);
+	var layerTitle = sel.options[sel.selectedIndex].value;
+	if ( layerTitle ){
+		return( svgMap.getLayerId(layerTitle));
+	} else {
+		sel.selectedIndex==1; // これはポリゴンの自分のレイヤーで編集してるとき
+		return (layerID);
+	}
+	
+}
+
+var currentLayerProps;
+function turnoutLayerSetup(targetPolyId, targetPoiId){
+	// 一括検索時に、不要なレイヤーを非表示にして効率化する
+	var lp = svgMap.getRootLayersProps();
+	console.log("RootLayersProps:",lp);
+	currentLayerProps=[];
+	for ( var i = 0 ; i < lp.length ; i++ ){
+		currentLayerProps.push({
+			id:lp[i].id,
+			visible:lp[i].visible
+		});
+		
+		if ( lp[i].id != targetPolyId && lp[i].id != targetPoiId && lp[i].id != layerID){
+			svgMap.setRootLayersProps(lp[i].id, false, false);
+		}
+		
+	}
+	
+}
+function revertLayerSetup(){
+	// 一括検索終了時に、レイヤーのOn/Off状態をもとに戻す
+	// setRootLayersProps(layerID_Numb_Title, visible , editing , hashOption ){
+	for ( var i = 0 ; i < currentLayerProps.length ; i++){
+		svgMap.setRootLayersProps(currentLayerProps[i].id, currentLayerProps[i].visible, false);
+	}
+	currentLayerProps=[];
+
+}
+
+</script>
+<body>
+<h3>ベクターGISレイヤー</h3>
+<div style="background-color:#E0E0E0;">
+<b>Target Layer:</b>
+<div>
+POI:
+<select name="targetPoiLayer" id="targetPoiLayer" onChange="clearPickColors()" >
+</select>
+</div>
+<div>
+Polygon:
+<select name="targetCoverLayer" id="targetCoverLayer" onChange="clearPickColors()">
+</select>
+
+<select style="font-size:10px" name="includedPolygonAttrFlg" id="includedPolygonAttrFlg" onChange="setIncludedPolygonAttrFlg()">
+<option selected=true" value="false">包含ポリゴン情報無し</option>
+<option value="true">包含ポリゴン情報付記</option>
+</select>
+
+</div>
+</div>
+<div style="background-color:#FFFFFF;">
+<input type="button" value="クリア" onClick="clearPickColors()">
+</div>
+<div style="background-color:#E0E0E0;">
+<b>空間検索</b>
+<input type="button" value="単発検索" onClick="searchInAreaPoints()"/>
+<input id="contSearchBtn"  type="button" value="連続検索開始" onClick="toggleContSearch()"/>
+<input id="allSearchBtn"  type="button" value="一括検索" onClick="searchAll()"/>
+<input type="button" id="hlt" value="中止" onClick="halt()" disabled/>
+<div id="hitcount">count</div><div id="progress"></div>
+
+<div id="polygonToolPanel" style="background-color:#A0E0E0;display:none">
+<b>領域指定</b>
+<div id="polygonTool"></div>
+</div>
+
+<textarea id="ansArea" style="width:95%;height:200px;font-size:8pt">About: 任意のベクトルポリゴン(Polygon)のレイヤーの領域と重なっている、任意のポイント情報(POI)のレイヤーのPOIを検索し、結果を地図上にマーク＆この欄にCSVを出力します。
+
+Note:
+・POIのレイヤーがアイコン化した状態まで拡大していないと、検索対象になりません。
+・連続検索を押すと、伸縮スクロールするたびに検索が実行され結果が地図上及びCSVに追加されていきます、広い領域の検索に便利です。
+・一括検索を押すと、選択したPOIレイヤーのPOIがアイコン化していない場合、自動的に拡大＆スクロールを繰り返し検索を実行します。こちらも広い領域の検索に便利です。</textarea>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file