超图iClient 3D 入门程序 - 1

Posted 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库,也就是这一句,

<script type="text/javascript" src="xxxx/SuperMap.Include.js" > </script>

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

可能还包含其他js,连文件夹都拷过来;1.html就是前面的代码,

然后运行一下看一下,提示出错如下,没找到 SuperMap.Web.UI.XXX;可能是版本不对;

然后又下一个版本,

文件夹下的js都拷过来;在1.html里面包含SuperMap.Include.js;

运行一下,出错如下;没时间了下回再看;除了SuperMap.Include.js,可能还需要其他js;

以上是关于超图iClient 3D 入门程序 - 1的主要内容,如果未能解决你的问题,请参考以下文章

无插件猴赛雷!SuperMap iClient3D for WebGL的4大“网红 ”潜质

SuperMap iClient3D for WebGL教程(模型篇)-倾斜摄影

SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider

超图iServer发布一个示例3D场景

实时监控视频与超图GIS的对接应用(监控摄像头的行业情况)

华为HMS Core携手超图为三维GIS注入新动能