美文网首页cesium
Cesium定制开发及编译说明

Cesium定制开发及编译说明

作者: 李仙伟 | 来源:发表于2018-04-28 09:18 被阅读0次

    下面是定制开发及编译步骤,如有不清楚可联系博主,QQ:744757242,欢迎加QQ群(cesium 3dtiles):392437033。

    第一步,下载源代码

    在浏览器打开https://github.com/AnalyticalGraphicsInc/cesium地址,选择某个tag,如1.41。

    第二步,安装编译环境

    ①安装node.js,安装完成后在cmd里依次执行node –v,npm –v命令,检查node和npm环境安装是否正确。

    ②安装gulp包,在cmd里依次执行如下命令(假如cesium解压后路径为E:\temp\Cesium-1.41):

    E:

    cd E:\temp\Cesium-1.41

    npm install gulp -g

    注意,如果执行npm命令失败或太慢,可切换npm源为国内的会快一些:

    npm config set registry https://registry.npm.taobao.org

    还原默认:

    npm config set registry http://www.npmjs.org

    第三步,源码修改(汉化)

    根据需要修改cesium源码,如地球初始化位置,小部件汉化(注意:文件要保存为utf-8,要不然编译后cesium中文会乱码,记事本另存一下,选择编码方式为utf-8)。

    ① 修改Homebutton默认位置

    cesium-1.41\Source\Scene\Camera.js

    修改:

    Camera.DEFAULT_VIEW_RECTANGLE= Rectangle.fromDegrees(89.5, 20.4, 110.4, 61.2);

    ② 注释在线地图服务

    Cesium-1.41\Source\Widgets\BaseLayerPicker\createDefaultImageryProviderViewModels.js

    修改:

    functioncreateDefaultImageryProviderViewModels方法,直接返回空的providerViewModels数组。

    ③ 视图切换小部件

    Cesium-1.41\Source\Widgets\SceneModePicker\SceneModePickerViewModel.js

    修改:

    this.tooltip2D = '2D'  改为  this.tooltip2D = '二维视图'

    this.tooltip3D = '3D'  改为  this. tooltip3D = '三维视图'

    this.tooltipColumbusView= 'Columbus View'  改为  this.tooltipColumbusView = '哥伦布视图'

    ④ 复位小部件

    Cesium-1.41\Source\Widgets\HomeButton\SceneModePickerViewModel.js

    修改:

    this.tooltip = 'ViewHome'  改为  this.tooltip= '复位'

    ⑤ 搜索定位小部件

    Cesium-1.41\Source\Widgets\Geocoder\Geocoder.js

    textBox.setAttribute('placeholder','Enter an address or landmark...')

    改为

    textBox.setAttribute('placeholder', '搜索定位...')

    Cesium-1.41\Source\Widgets\Geocoder\GeocoderViewModel.js

    return 'Searching...'

    改为return '查询中...'

    ⑥ VR按钮小部件

    Cesium-1.41\Source\Widgets\VRButton\VRButtonViewModel.js

    return isVRMode() ? 'ExitVR mode' : 'Enter VR mode'

    改为

    return isVRMode() ? '退出VR模式' : '进入VR模式';

    ⑦ 全屏按钮小部件

    Cesium-1.41\Source\Widgets\FullscreenButton\FullscreenButtonViewModel.js

    returntmpIsFullscreen() ? 'Exit full screen' : 'Full screen'

    改为

    return tmpIsFullscreen() ? '退出全屏' : '全屏'

    ⑧ 帮助按钮部件

    Cesium-1.41\Source\Widgets\NavigationHelpButton\NavigationHelpButton.js

    第四步,源码编译

    由于编译过程占用磁盘、CPU和内存都很高,接近100%,所以,编译前先将360安全卫士、360杀毒软件、开发工具、数据库服务等关闭或停止服务,然后在cmd里依次执行如下命令(假如cesium解压后路径为E:\temp\Cesium-1.41):

    E:

    cd E:\temp\Cesium-1.41

    npm install

    npm run release

    相关文章

      网友评论

        本文标题:Cesium定制开发及编译说明

        本文链接:https://www.haomeiwen.com/subject/iebwlftx.html