Cesium定制开发及编译说明

下面是定制开发及编译步骤，如有不清楚可联系博主，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