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

开发环境: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         });

  • 运行效果



关于cep文件以及其他数据文件(例如fdb)等放在客户端本地目录的问题:

这些文件可以放在本地目录,可是除cep文件以外,工程里加载的矢量数据文件可能会因为权限问题无法加载,在系统中不报错,只是图层加载不出来。解决方法是“以管理员身份运行”浏览器,当然,最好的方法还是把fdb用服务发布。

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

链接:http://pan.baidu.com/s/1bCW7ds 密码:i1tp

时间: 2025-01-05 23:16:56

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

伟景行 citymaker 从入门到精通系列

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

伟景行 citymaker 从入门到精通(2)——工程图层树加载

工程树是指explorer左边这棵树 本例子实现了图层树加载,点击节点切换可视状态 树控件使用easyui的树 html部分 onCheck:treeProjectTreeOnCheck是指树节点的onCheck是js函数treeProjectTreeOnCheck 1 <div data-options="region:'center',fit:true"> 2 <object id="__g" type="application/x-

兄弟连区块链入门到精通教程基础开发通过接口查询xrp提币情况

package main import ( "errors" "fmt" "math" "strconv" "strings" "github.com/buger/jsonparser" "github.com/levigross/grequests" ) const min = 0.000000000001 func isEqual(f1, f2 float64)

命令行中编译执行报错提示“找不到或无法加载主类”

1.没有配置JAVA_HOME和CLASSPATH,只配了Path(D:\Program\Java\jdk1.8.0_161\bin),验证可以编译执行: 2.java源文件路径:F:\workspace0408\HelloWorld\src: 3.源文件如下: 1 package test; 2 3 public class HelloWorld { 4 public static void main(String[] args) { 5 System.out.println("Hello W

WF从入门到精通学习目录

WF从入门到精通(第一章):WF简介 WF从入门到精通(第二章):workflow运行时 WF从入门到精通(第三章):workflow实例 WF从入门到精通(第四章):活动及workflow类型介绍 WF从入门到精通(第五章):workflow跟踪 WF从入门到精通(第六章):加载和卸载实例 WF从入门到精通(第七章):基本活动的操作 WF从入门到精通(第八章):调用外部方法及工作流(一) WF从入门到精通(第八章):调用外部方法及工作流(二) WF从入门到精通(第九章):逻辑流活动 WF从入门

Vim 从入门到精通

Vim from zero to hero - Vim 从入门到精通 原文地址:https://github.com/mhinz/vim-galore 原文作者:Marco Hinz 简介 什么是 Vim? Vim 哲学 入门 精简的 vimrc 我正在使用什么样的 Vim 备忘录 基础 缓冲区,窗口,标签 已激活.已载入.已列出.已命名的缓冲区 参数列表 按键映射 映射前置键 寄存器 范围 标注 补全 动作,操作符,文本对象 自动命令 变更历史,跳转历史 内容变更历史记录 全局位置信息表,局部

火云开发课堂 - 《Shader从入门到精通》系列 第一节:Shader介绍与工程搭建

<Shader从入门到精通>系列在线课程 第一节:Shader介绍与工程搭建 视频地址:http://edu.csdn.net/course/detail/1441/22665?auto_start=1 交流论坛:http://www.firestonegames.com/bbs/forum.php 工程下载地址:请成为正式学员获取工程 课程截图: 项目实例: 版权声明:本文为博主原创文章,未经博主允许不得转载.

Spring从入门到精通(一)

1.     说在前面 怎样的架构的程序,我们认为是一个优秀的架构? 我们考虑的标准:可维护性好,可扩展性好,性能. 什么叫可扩展性好? 答:就是可以做到,不断的增加代码,但是可以不修改原来的代码的程序. 如何让程序的可维护性好,可扩展性好呢? 业界有一个公认的标准,高内聚,低耦合. 高内聚:就是尽量将代码写在与之功能描述一致的模块中.如User表的操作写在UserDAO里面就不用写在非UserDAO的类里面. 低耦合:就是尽量减少类与类之间的直接关系.(重点) Spring框架就是通过IoC(

Node.js开发入门—Angular简单示例

在"使用AngularJS"中,我们提到了如何在Node.js项目中引入AngularJS,这次提供一个非常简单的示例,演示AngularJS里的指令.数据绑定.服务等内容. 我准备做Web后台管理系统,不同的管理员会有不同的权限,管理员登录后看到的菜单和他的权限有关,能看到什么,是动态生成的(类似RBAC).本文的示例从这个项目而来,当然,现在还是最简单的. 如果没有特别说明,后面我们用到的示例都使用express generator生成. Angular小demo 先搞起来吧. 第