cesium--从github上面下载源代码环境搭建

从cesium官网上下载源码太慢,是真的慢。。。选择从github上下载源码,不过需要配置一下,修改source源码(汉化),然后编译生成build文件。

1、下载源码

地址:https://github.com/AnalyticalGraphicsInc/cesium
在这里插入图片描述

2、安装编译环境

1)安装node.js,安装完成后在cmd里依次执行node –v,npm –v命令,检查node和npm环境安装是否正确。
2)安装gulp包,在cmd里依次执行如下命令(假如cesium解压后路径为E:\Webprojects\cesium-master\cesium-master):
进入E:\Webprojects\cesium-master
npm install gulp -g
注意,如果执行npm命令失败或太慢,可切换npm源为国内的会快一些:
npm config set registry https://registry.npm.taobao.org
还原默认:
npm config set registry http://www.npmjs.org

3、修改源码(汉化)

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

① 修改Homebutton默认位置

cesium-1.51\Source\Scene\Camera.js

修改:

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

② 注释在线地图服务

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

修改:

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

③ 视图切换小部件

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

修改:

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

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

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

④ 复位小部件

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

修改:

this.tooltip = ‘ViewHome’ 改为 this.tooltip= ‘复位’

⑤ 搜索定位小部件

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

textBox.setAttribute(‘placeholder’,‘Enter an address or landmark…’)

改为

textBox.setAttribute(‘placeholder’, ‘搜索定位…’)

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

return ‘Searching…’

改为return ‘查询中…’

⑥ VR按钮小部件

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

return isVRMode() ? ‘ExitVR mode’ : ‘Enter VR mode’

改为

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

⑦ 全屏按钮小部件

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

returntmpIsFullscreen() ? ‘Exit full screen’ : ‘Full screen’

改为

return tmpIsFullscreen() ? ‘退出全屏’ : ‘全屏’

⑧ 帮助按钮部件

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

4、源码编译(生成build文件)

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

npm install

npm run release

最后:
对从github上下载的代码进行修改并编译后,运行helloworld.html生成的是一个蓝色背景地图,这是因为上边第二步中第二小步注释在线地图服务导致的,不执行这一步就好了。

发布了59 篇原创文章 · 获赞 22 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/Albert_Ejiestein/article/details/90298790
今日推荐