超图iClient 3D 入门程序 - 1

最新推荐文章于 2023-12-13 17:55:01 发布

bcbobo21cn

最新推荐文章于 2023-12-13 17:55:01 发布

阅读量316

点赞数

分类专栏： GIS 文章标签： supermap 加载场景 scene

本文链接：https://blog.csdn.net/bcbobo21cn/article/details/119339175

版权

GIS 专栏收录该内容

167 篇文章 20 订阅

订阅专栏

前面已经发布了场景；

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，

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

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

然后又下一个版本，

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

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

bcbobo21cn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超图iClient 3D 入门程序 - 1

前面已经发布了场景；下面来看一下加载场景的基本程序；基本的加载场景代码如下，这是根据它的例子，又简化了一些；<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; utf-8" /> <title>加载场景 </title>
复制链接

扫一扫