• 伟景行 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=" 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

  • 相关阅读:
    Vue 多层组件传值(最外层组件>中间组件>最内部组件)
    Vue 父子组件传值 (Vue-cli4)
    CSS HTML 基本知识 盒子模型 Flex等
    Vue---基本知识
    springboot ---邮件和定时任务 和异步
    js中.bind()和.call()用法讲解
    为页内的tab添加的iframe添加加载动画过渡效果
    JMETER学习宝典
    新篇章,新起点
    计划拟定(现阶段)
  • 原文地址:https://www.cnblogs.com/cannel/p/5692342.html
Copyright © 2020-2023  润新知