<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta http-equiv="Content-Type" content="text/html; UTF-8" />
<title>基本操作</title>
<script type="text/javascript" src="SuperMap.Include.js" ></script>
<script src="JScript.js" type="text/javascript"></script>
<script type="text/javascript">
var scene = null;
var sceneControl = null;
var htmlUrl = document.location.host;
//判断网页的打开方式是本地打开还是通过网络打开
//不同的打开方式url赋值不同
if(htmlUrl == "")
{
htmlUrl = "http://localhost:8090";
}
else
{
htmlUrl = "http://" + htmlUrl;
}
var sceneUrl = "http://192.168.114.151:8090/iserver/services/realspace-RealspaceSample2/rest/realspace";
function onPageLoad()
{
//初始化三维场景控件
try
{
//初始化三维场景控件实例,参数为包含控件的HTML元素
sceneControl = new SuperMap.Web.UI.Controls.SceneControl($get("sceneControlDiv"), initCallback, failedCallback);
}
catch(e)
{
//若没有安装插件,则抛出该异常
if (e.name == SuperMap.Web.Realspace.ExceptionName.PlugInNotInstalled)
{
var url = htmlUrl + "/iserver/iClient/forRealspace/Setup.exe";
document.write("<a href='"+url+"'>未检测到 SuperMap iClient 6R(2012) for Realspace 插件,请单击此处下载并安装插件。</a >");
return;
}
//若使用非IE浏览器,则抛出该异常
else if (e.name == SuperMap.Web.Realspace.ExceptionName.BrowserNotSupport)
{
document.write("<p>SuperMap iClient 6R(2012) for Realspace 目前仅支持 InternetExplorer 浏览器,请更换浏览器后重新尝试加载本页面。</p>");
return;
}
//抛出其他异常
else
{
alert(e.message);
}
}
}
//控件初始化完成后的回调函数,初始化完成之后才能进行数据加载
function initCallback()
{
//获取Realspace控件的场景,控件和场景是一对一的捆绑关系
scene = sceneControl.get_scene();
//加载场景
SceneLoad();
//给选择事件注册回调函数,选择事件返回当前有选中对象的所有选择集,类型是选择集的数组
sceneControl.addEvent("objectSelected", handler);
}
//控件初始化失败后的回调函数
function failedCallback()
{
alert("Realspace initialized failed!");
}
//选择事件的回调函数,弹出选中对象的id
function handler(selection3Ds)
{
//获取选择集的数目
var selection3DCount = selection3Ds.length;
for(var i=0; i<selection3DCount; i++)
{
//获取选择集中被选中对象的数目
var selectCount = selection3Ds[i].get_count();
for(var j=0; j<selectCount; j++)
{
//获取选择集
var selection3D = selection3Ds[i];
var layer3D = scene.get_layer3Ds().get_item(selection3D.get_layer3D().get_name());
var selectObjectName = layer3D.findFeature3DByID(selection3D.get_item(j)).get_name();
alert(selection3D.get_item(j)+"\n"+selectObjectName);
}
}
}
function SceneLoad()
{
//指定场景的服务器地址
var sceneAddress = sceneUrl;
//指定图层名称
var sceneName = "scene";
//打开场景
scene.open("http://127.0.0.1:8090/iserver/services/3D-sample/rest/realspace", "scene_CBD");
}
function viewEntire()
{
//全局显示整个三维场景
scene.viewEntire();
}
function setPan()
{
//设置控件的当前操作为漫游
var panAction = new SuperMap.Web.UI.Action3Ds.Pan(sceneControl);
sceneControl.set_sceneAction(panAction);
}
function setSelect()
{
//设置控件的当前操作为选择
var selectAction = new SuperMap.Web.UI.Action3Ds.Select(sceneControl);
sceneControl.set_sceneAction(selectAction);
}
function refresh()
{
//刷新场景
scene.refresh();
}
function drawPlacemark()
{
//设置当前Action为自定义的地标绘制
var myAction = new SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction(sceneControl);
sceneControl.set_sceneAction(myAction);
}
//继承SuperMap.Web.UI.Action3Ds.SceneAction类扩展一个SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction
//该类用于标绘地标
SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction = function(sceneControl)
{
SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction.initializeBase(this);
this._name = "DrawPlacemark";
this._sceneControl = sceneControl;
this._type = SuperMap.Web.UI.Action3Ds.SceneActionType.PANSELECT;
};
SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction.prototype ={
/*
* 方法
*/
dispose:function()
{
this._sceneControl = null;
},
/*
* 方法
*/
onMouseDown:function(e)
{
var pt = new SuperMap.Pixel(e.get_clientX(), e.get_clientY());
var geometry = this._sceneControl.pixelToGlobe(pt, SuperMap.Web.Realspace.PixelToGlobeMode.TerrainAndModel);
run(geometry);
}
};
SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction.registerClass('SuperMap.Web.UI.Action3Ds.DrawPlacemarkAction',SuperMap.Web.UI.Action3Ds.SceneAction,Sys.IDisposable);
function run(geometry)
{
var kmllayer=scene.get_layer3Ds().get_item("NodeAnimation");
kmllayer.set_isEditable(true);
kmllayer.set_isVisible(true);
var style = new SuperMap.Web.Core.Style3D();
style.set_altitudeMode(2);
var jeepModel = new SuperMap.Web.Core.GeoModel();
var modelurl ="http://127.0.0.1:8090/RealspaceSample/jeep.zip";
jeepModel.fromModelFile(modelurl);
jeepModel.set_position(geometry);
var feature3D = new SuperMap.Web.Core.Feature3D();
feature3D.set_geometry(jeepModel);
feature3D.set_style3D(style);
kmllayer.get_feature3Ds().add(feature3D);
kmllayer.get_feature3Ds().updateData();
kmllayer.updated();
setPan();
}
function clearKML()
{
var kmllayer=scene.get_layer3Ds().get_item("NodeAnimation");
//kmllayer._innerLayer.Feature3Ds.RemoveAt(0);
kmllayer._innerLayer.Feature3Ds.RemoveAll();
kmllayer.updated();
}
function visible()
{
var kmllayer=scene.get_layer3Ds().get_item("NodeAnimation");
var tt=kmllayer.get_feature3Ds().get_item(3).set_isVisible(false);
}
function clearAt()
{
var kmllayer=scene.get_layer3Ds().get_item("NodeAnimation");
kmllayer._innerLayer.Feature3Ds.RemoveAt(0);
//kmllayer._innerLayer.Feature3Ds.RemoveAll();
kmllayer.updated();
}
</script>
</head>
<body onLoad="onPageLoad()">
<div id="toolSet" style="float: left; background-color:#B6D6EF;">
<!--全幅显示-->
<input id="viewentire" type="button" value="全幅显示" onClick="return viewEntire()" />
<!--漫游-->
<input id="pan" type="button" value="漫 游" onClick="return setPan()" />
<!--选择-->
<input id="select" type="button" value="选 择" onClick="return setSelect()" />
<!--刷新-->
<input id="refresh" type="button" value="刷 新" onClick="return refresh()" />
<input id="Button1" type="button" value="KML添加节点" onClick="return drawPlacemark()" />
<input id="Button2" type="button" value="KML删除节点" onClick="return clearAt()" />
<input id="Button3" type="button" value="KML删除全部" onClick="return clearKML()" />
<input id="Button4" type="button" value="KML隐藏" onClick="return visible()" />
</div>
<div id="sceneControlDiv" style="position:absolute;top:50px;bottom:5px;left:5px;right:5px;">
</div>
</body>
</html>