超图iClient 3D 入门程序 - 1

Posted 2021-08-31 bcbobo21cn

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了超图iClient 3D 入门程序 - 1相关的知识，希望对你有一定的参考价值。

前面已经发布了场景；

https://blog.csdn.net/bcbobo21cn/article/details/117631832

下面来看一下加载场景的基本程序；

基本的加载场景代码如下，这是根据它的例子，又简化了一些；

<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="xxxx/SuperMap.Include.js" > </script>
		<script type="text/javascript">
			var scene = null;
			var sceneControl = null;
			var htmlUrl = "http://localhost:8090";

			function onPageLoad() 
			{
				//初始化三维场景控件
				try
				{
					//初始化三维场景控件实例,参数为包含控件的HTML元素
					sceneControl = new SuperMap.Web.UI.Controls.SceneControl($get("sceneControlDiv"), initCallback, failedCallback);
				}
				catch(e)
				{   					
						alert(e.message);
				}
			}

				//控件初始化完成后的回调函数，初始化完成之后才能进行数据加载
				function initCallback() 
				{
					//获取地球控件场景，控件和场景是一对一的捆绑关系
					scene = sceneControl.get_scene();
				}

			//控件初始化失败后的回调函数
			function failedCallback() 
			{
				alert("Realspace initialized failed!");
			}
			
			function SceneOpen_onclick()
			{
				//iServer服务地址
				var sceneAddress = document.getElementById("ServerAddress").value;
				
				//场景名称
				var sceneName = document.getElementById("SceneName").value;
			
				//打开场景
				scene.open(sceneAddress,sceneName);
				
				//飞行到场景的第1个图层的地理范围
				var layer3D = scene.get_layer3Ds().get_item(0);
                if (layer == null)
				{
					layer = scene.get_terrainLayers().get_item(0);
				}

				var geobound = layer3D.get_bounds();   
					
				scene.get_flyingOperator().flyToBounds(geobound);
				
				//给场景重命名
				scene.set_name("hello");
			}  
			
			function SceneClose_onclick()
			{
				//关闭场景
				scene.close();
				scene.refresh();
			}  
		</script>
	</head>

	<body onLoad="onPageLoad()"> 		
		<div style=position:absolute;left:5px;top:5px;right:5px;float:left >
		<!--服务器-->
		服务器地址:
		<input id="ServerAddress" name="ServerAddress" type="text" value="" />
		   
		<!--场景--> 
		场景服务:
		<input id="SceneName" name="SceneName" type="text" value="scene" /> 
		<input id="SceneOpen" type="button" value="加载场景" onClick="return SceneOpen_onclick()" /> 
		<input id="SceneClose" type="button" value="删除场景" onClick="return SceneClose_onclick()" /> <br /> 
		</div> 
		<div id="sceneControlDiv" style="position:absolute;left:5px;top:35px;bottom:5px;right:5px"> 
		</div> 
	</body> 
</html>

代码是把发布的URL在文本框中输入，然后点加载场景按钮；

首先看一下需要包含超图的js库，也就是这一句，

下载它的一个示例，找到里面SuperMap.Include.js，