超图iClient 3D 入门程序 - 1

电玩女神 2022-09-02 11:47 208阅读 0赞

前面已经发布了场景；

[    https://blog.csdn.net/bcbobo21cn/article/details/117631832][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，

![20210803013838835.PNG][]

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

![20210803013849815.PNG][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70][]

然后又下一个版本，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3][]

[https_blog.csdn.net_bcbobo21cn_article_details_117631832]: https://blog.csdn.net/bcbobo21cn/article/details/117631832
[20210803013838835.PNG]: /images/20220829/cb9a231e51e749159fd5caf7b784200a.png
[20210803013849815.PNG]: /images/20220829/d805a38054334811988d03d17a2e5040.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70]: /images/20220829/f1f601f0dc6e4f78b5943a37747e5124.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1]: /images/20220829/a9a9bd9649d34b1391e2757da2e5468c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2]: /images/20220829/2d1825b9348242b4be2f9498c96f7de8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3]: /images/20220829/c64968dca0a94bd5a581b2377fddb723.png