skyline应用-BS动态绘制面状区域

2024-12-25 技术教程

在三维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即可；//左键事件实现functionOnleftbtnUp(Flags,X,Y){if(LbFlags){//首先获得屏幕上点击的左键鼠标的地图位置，需要将鼠标位置转换地图坐标varCursorCoord=SGWorld.Window.pixelToWorld(X,Y);if(CursorCoord==null)returnfalse;if(polygon==null){//在进行画面的时候，通常是先画一条线，因为一个面至少需要3个点varmyGeometry=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个点的时候，就把前边画的线给删除掉varx=polygon.Geometry.Points.Item(0).X;vary=polygon.Geometry.Points.Item(0).Y;SGWorld.Creator.DeleteObject(polygon.ID);//开始画面varmyGeometry=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);}}}}//每帧事件，实现在没有完成画面的时候，面的最后一个跟随鼠标移动functionOnframe(){if(polygon!=null){try{//获得当前鼠标的位置，使面的最后一个点随着鼠标移动varmouseInfo=SGWorld.Window.GetMouseInfo()varCursorCoord=SGWorld.Window.pixelToWorld(mouseInfo.X,mouseInfo.Y);if(CursorCoord==null)returnfalse;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;

}