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生成的是一个蓝色背景地图,这是因为上边第二步中第二小步注释在线地图服务导致的,不执行这一步就好了。