伟景行 citymaker 从入门到精通(1)——js开发,最基本demo,加载cep工程文件

boyanx6个月前技术教程17

开发环境:citymaker 7(以下简称cm),jquery,easyui 1.4(界面),visual studio 2012(没有vs,部署到IIS也行,html在本地目录双击打开可用)

以下演示一个最基本的功能,先初始化控件,然后通过打开cep文件加载三维场景

  • 从CityMaker SDK安装目录复制文件

还需要复制(整个skybox文件夹)

复制后的文件结构

PS:我的代码里的cm7.js和cm7_sample_util.js有少许改动,下方有提供代码

  • html文件

新建一html文件,head部分引用关于cm的js文件

1     <script type="text/javascript" src="../cm/cm7.js"></script>
2     <script type="text/javascript" src="../cm/cm7_sample_util.js"></script>

body添加控件

<object id="__g" type="application/x-cm-3d" style="width: 100%; height: 100%;"></object>

script的内容

1         $(function ($) {
2 // 初始化三维控件
3  initAxControl;
4 //cep文件路径,本地路径也行
5 var cepPath = "http://192.168.15.53:32555/default.cep";
6 //打开cep
7 __g.project.open(cepPath, false, "");
8         });

以上全部代码已上传到百度云盘

标签: jquery loading

相关文章

使用vanilla-lazyload实现懒加载

使用vanilla-lazyload实现懒加载给主题配置一个全新的lazyload库,来自verlok的vanilla-lazyload开源js库,支持更多的特性和特效。vanilla-lazyloa...

视差滚动不适合网页的5个原因

@OpzoonUED 翻译,原文出自于smashinghub.com。列举缺点之前,首先我们要看看什么是视差滚动。视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近...

前端面试:异步加载和延迟加载的理解?

回答:异步加载和延迟加载是前端优化网站性能的两种方法。异步加载的方案: 动态插入script标签通过ajax去获取js代码,然后通过eval执行script标签上添加defer或者async属性创建并...

小技巧,如何使用 webpack 降低前端资源文件维护成本

前言前端现在开发某个常见功能,直接会在 npm 找到合适的包,这些包存在于 node_modules 目录下。如何减少包体积,用下 CDN 加速,或者这个模块只有 script 标签导入方式时,直接从...

C#二次开发BIMFACE系列37 网页集成开发1审图系统中加载模型或图纸

在之前的《C#开发BIMFACE系列》中主要介绍了BIMFACE平台提供的服务端API接口的封装开发与测试过程。服务端API测试通过后,需要根据具体业务的需求集成到管理系统中,配合BIMFACE提供的...

资源分享:炫酷的css3动画加载框架Loaders

页面加载动画在web应用中必不可少,加载动画效果也各有千秋。在web页面ajax请求,单页面应用页面切换时好的加载动画会让浏览者赏心悦目忘记加载的耗费时间,一个性能好的页面,必须有loading预加载...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。