超图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相关推荐
- 第一次运行OSG入门程序失败记和搞定的情况
一 OSG简介 OpenSceneGraph(简称OSG)使用OpenGL技术开发,是一套基于C++平台的应用程序接口(API),它让程序员能够更加快速.便捷地创建高性能.跨平台的交互式图形程序.它作 ...
- rabbitMQ入门程序
1.生产者 /*** rabbitMQ入门程序消费者** @author xiaoss* @date 2020年10月27日 22:02*/ public class Producer01 {//队列 ...
- SpringMVC学习(一)———— springmvc框架原理分析和简单入门程序
一.什么是springmvc? 我们知道三层架构的思想,并且如果你知道ssh的话,就会更加透彻的理解这个思想,struts2在web层,spring在中间控制,hibernate在dao层与数据库打交 ...
- java slfj教程_SLF4J入门程序
本篇文章帮大家学习SLF4J入门程序,包含了SLF4J入门程序使用方法.操作技巧.实例演示和注意事项,有一定的学习价值,大家可以用来参考. 在本章中,我们将学习如何编写使用SLF4J的简单基本记录器程 ...
- java mvc框架代码_JAVA技术学习笔记:SpringMVC框架(内附入门程序开发代码)
原标题:JAVA技术学习笔记:SpringMVC框架(内附入门程序开发代码) JavaEE体系结构包括四层,从上到下分别是应用层.Web层.业务层.持久层.Struts和SpringMVC是Web层的 ...
- IDEA下——Spring入门程序
创建一个Maven的项目,我的项目结构如下: 在pom文件里写下需要导入的依赖: <?xml version="1.0" encoding="UTF-8" ...
- 详细程序注解学OpenCL一 环境配置和入门程序
本专栏是通过注解程序的方法学习OpenCL,我觉得一个一个地去抠原理也不是办法,干脆直接学习程序,然后把相关原理都直接注解到程序语句当中. 原创地址:http://blog.csdn.net/kend ...
- mybatis学习笔记(3)-入门程序一
2019独角兽企业重金招聘Python工程师标准>>> mybatis学习笔记(3)-入门程序一 标签: mybatis [TOC] 工程结构 在IDEA中新建了一个普通的java项 ...
- 网络爬虫(Web crawler)|| 爬虫入门程序
网络爬虫 网络爬虫(Web crawler),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本 爬虫入门程序 环境准备 JDK1.8 IntelliJ IDEA IDEA自带的Maven 环境 ...
最新文章
- AI换脸鉴别率超99.6%,微软用技术应对虚假信息
- 人人都会Vue,你的优势在哪里?
- linux线程池实现多线程并发,基于Linux的多线程池并发Web服务器设计-电子设计工程.PDF...
- 存储基础知识二 主要协议SCSI、FC、iSCSI
- Branch management
- 002 ceph的deploy部署
- 版本管理器subversion的简单配置以及和apache的结合使用
- poj3414 Pots
- coreseek4.1
- 邮件群发软件哪个好用?
- Redis学习篇2_Redis入门基础
- LED灯恒流驱动电路设计
- Hyperledger Fabric Peer的内部工作原理和实现方法
- VMware虚拟机复制文件卡死的问题
- 一个西瓜 4刀最多多少块
- win10+ubuntu双系统之三步彻底删除ubuntu系统
- 【林达华】How To Get A Solution
- Cesium是什么,简介
- 二、Linux镜像软件的安装
- 三人行-有分享才会有行动
热门文章
- Nutch编译及集成eclipse+mysql开发环境的部署总结
- LeetCode 496. 下一个更大元素 I 解题思路及C++实现
- [转载] FatFs模块功能配置选项
- nginx php post限制,叫你如何修改Nginx与PHP的文件上传大小限制
- package.json文件||项目依赖||开发依赖
- 字节流练习:图片复制
- IE6-IE9不支持table.innerHTML的解决方法分享
- java,将Image变量保存成图片
- C# 学习笔记(16)ComboBox下拉列表框宽度自适应
- 飞思卡尔智能车iar工程常见问题