skyline應用-BS動態繪製面狀區域

  在三維GIS的規劃、公安等應用系統中，常需要操作者在地圖上動態勾畫出面狀區域，以便用來觀看，並能夠進行保存查看。

  skyline的BS開發是採用JavaScript語言進行開發，最新版的6.6可以支持chrome、Firefox、IE瀏覽器，但隨着chrome的更新，不再支持npgapi的方式，最新版的chrome上會失效，一直以來在IE瀏覽器上的支持比較穩定，建議在IE上開發使用。

  面狀區域繪製類似於TerraExplorer上的畫面操作，只是這個用程序實現。

  具體步驟如下： 

   在開始進行標繪時，首先仿照TE的方式，先將鼠標的樣式變化一下，之後進行事件綁定

     //變換鼠標的樣式，定義全局使用對象

     SGWorld.Window.SetInputMode(1,"",0);

LbFlags=true;

polygon=null;

       //綁定TE的三個事件：左鍵、右鍵、每幀變化
       SGWorld.AttachEvent("OnLButtonDown", OnleftbtnUp);
	SGWorld.AttachEvent("OnRButtonDown", OnRButtonUpp);
	SGWorld.AttachEvent("OnFrame", Onframe);
	//OnleftbtnUp、OnRButtonUpp、Onframe是三個事件的具體實現，使用JavaScript的function即可；
	//左鍵事件實現
	function OnleftbtnUp(Flags,X,Y)
       {
	if (LbFlags) {
	        //首先獲得屏幕上點擊的左鍵鼠標的地圖位置，需要將鼠標位置轉換地圖座標
		var CursorCoord = SGWorld.Window.pixelToWorld(X, Y);
		if (CursorCoord == null) 
			return false;
		
		if (polygon == null) {
			// 在進行畫面的時候，通常是先畫一條線，因爲一個面至少需要3個點
	var myGeometry = SGWorld.Creator.GeometryCreator.CreateLineStringGeometry([CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0]);
			polygon = SGWorld.Creator.createPolyline(myGeometry, SGWorld.Creator.CreateColor(255, 255, 0, 1), 2, -1,"gPolylineText");
			polygon.LineStyle.Width = 1;
			polygon.Geometry.StartEdit();
			
		}
		else {
			if (polygon.ObjectType == 1) {
				//當有3個點的時候，就把前邊畫的線給刪除掉
				var x = polygon.Geometry.Points.Item(0).X;
				var y = polygon.Geometry.Points.Item(0).Y;
				SGWorld.Creator.DeleteObject(polygon.ID);
				
				// 開始畫面
				var myGeometry = SGWorld.Creator.GeometryCreator.CreateLinearRingGeometry([x, y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0])
				polygon = SGWorld.Creator.createPolygon(myGeometry, SGWorld.Creator.CreateColor(255, 255, 0, 255), SGWorld.Creator.CreateColor(255, 255, 0, 255), 2, 0, "gPolygonText");
				polygon.LineStyle.Width = 1;
				polygon.Terrain.GroundObject = true;
				polygon.Geometry.StartEdit();
			}
			else {
			//編輯面的環中點，並增加點
				polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
				polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
				polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).Z = 0;
				polygon.Geometry.Rings(0).Points.AddPoint(CursorCoord.Position.x, CursorCoord.Position.y, 0);
			}
		}
		
	}
}

	//每幀事件，實現在沒有完成畫面的時候，面的最後一個跟隨鼠標移動
	function Onframe()
{
	if (polygon != null) {
        try {
           //獲得當前鼠標的位置，使面的最後一個點隨着鼠標移動
            var mouseInfo = SGWorld.Window.GetMouseInfo()
            var CursorCoord = SGWorld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
            if (CursorCoord == null)
                return false;
            if (polygon.ObjectType == 2) {
                polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                polygon.Geometry.Rings(0).Points.Item(polygon.Geometry.Rings(0).Points.count - 1).Z = 0;
            }
            else {
                polygon.Geometry.Points.Item(polygon.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                polygon.Geometry.Points.Item(polygon.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                polygon.Geometry.Points.Item(polygon.Geometry.Points.count - 1).Z = 0;
            }
        }
        catch (e) { }
    }
}

//右鍵事件，面繪製完成時，將狀態恢復到畫面之前，完成畫面。

function OnRButtonUpp(Flags, X, Y){

//SGWorld.ProjectTree.EndEdit();

if (polygon != null) 

{

if (polygon.ObjectType == 1)

        polygon.Geometry.Points.DeletePoint(polygon.Geometry.Points.count - 1);

    else polygon.Geometry.Rings(0).Points.DeletePoint(polygon.Geometry.Rings(0).Points.count - 1); 

    polygon.Geometry.EndEdit();

    }

SGWorld.Window.SetInputMode(0,"",0);

LbFlags=false;

}

  上邊是整個應用功能實現的代碼，其中像線寬、填充顏色等參數，參照API文檔，就可以自定義進行實現。