更新地图交互方式,底图改为使用世界影像地图。
This commit is contained in:
parent
adfc36af36
commit
ab69f137d4
|
|
@ -23,6 +23,14 @@ export function modifyCesiumMouseWheel(viewer) {
|
||||||
let imageryViewModels = [];
|
let imageryViewModels = [];
|
||||||
export function setImageryViewModels(cesiumHostAddr) {
|
export function setImageryViewModels(cesiumHostAddr) {
|
||||||
if (imageryViewModels.length == 0) {
|
if (imageryViewModels.length == 0) {
|
||||||
|
// 世界影像地图
|
||||||
|
const world_imagery = new Cesium.WebMapTileServiceImageryProvider(
|
||||||
|
{
|
||||||
|
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
|
||||||
|
// url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
|
||||||
|
// url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Ocean/World_Ocean_Base/MapServer'
|
||||||
|
}
|
||||||
|
);
|
||||||
// 彩色地形底图
|
// 彩色地形底图
|
||||||
const colorMap = new Cesium.WebMapTileServiceImageryProvider(
|
const colorMap = new Cesium.WebMapTileServiceImageryProvider(
|
||||||
{
|
{
|
||||||
|
|
@ -46,6 +54,14 @@ export function setImageryViewModels(cesiumHostAddr) {
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
// 自定义底图
|
// 自定义底图
|
||||||
|
imageryViewModels.push(new Cesium.ProviderViewModel({
|
||||||
|
name: "世界影像地图",
|
||||||
|
iconUrl: "static/images/world_imagery.png",
|
||||||
|
tooltip: "世界影像地图",
|
||||||
|
creationFunction: function () {
|
||||||
|
return world_imagery;
|
||||||
|
}
|
||||||
|
}));
|
||||||
imageryViewModels.push(new Cesium.ProviderViewModel({
|
imageryViewModels.push(new Cesium.ProviderViewModel({
|
||||||
name: "地形地图",
|
name: "地形地图",
|
||||||
iconUrl: "static/images/world_color.png",
|
iconUrl: "static/images/world_color.png",
|
||||||
|
|
|
||||||
|
|
@ -129,6 +129,7 @@ export default {
|
||||||
fullscreenButton: false,
|
fullscreenButton: false,
|
||||||
selectionIndicator: false,
|
selectionIndicator: false,
|
||||||
homeButton: false,
|
homeButton: false,
|
||||||
|
sceneModePicker: false,
|
||||||
animation: false,
|
animation: false,
|
||||||
infoBox: false,
|
infoBox: false,
|
||||||
geocoder: false,
|
geocoder: false,
|
||||||
|
|
|
||||||
|
|
@ -562,14 +562,15 @@ export default {
|
||||||
sceneMode: Cesium.SceneMode.SCENE2D,
|
sceneMode: Cesium.SceneMode.SCENE2D,
|
||||||
shadows: false,
|
shadows: false,
|
||||||
timeline: false,
|
timeline: false,
|
||||||
baseLayerPicker: true,
|
baseLayerPicker: false,
|
||||||
// 设置自定义底图
|
// 设置自定义底图
|
||||||
imageryProviderViewModels: this.imageryViewModels,
|
imageryProviderViewModels: this.imageryViewModels,
|
||||||
// 关闭默认的地形底图
|
// 关闭默认的地形底图
|
||||||
terrainProviderViewModels: [],
|
terrainProviderViewModels: [],
|
||||||
fullscreenButton: false,
|
fullscreenButton: false,
|
||||||
selectionIndicator: false,
|
selectionIndicator: false,
|
||||||
homeButton: true,
|
homeButton: false,
|
||||||
|
sceneModePicker: false,
|
||||||
animation: false,
|
animation: false,
|
||||||
infoBox: false,
|
infoBox: false,
|
||||||
geocoder: false,
|
geocoder: false,
|
||||||
|
|
@ -589,14 +590,14 @@ export default {
|
||||||
this.viewer.scene.postProcessStages.fxaa.enabled = true
|
this.viewer.scene.postProcessStages.fxaa.enabled = true
|
||||||
|
|
||||||
// 单击 homeButton 返回初始位置
|
// 单击 homeButton 返回初始位置
|
||||||
this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => {
|
// this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => {
|
||||||
e.cancel = true;
|
// e.cancel = true;
|
||||||
this.viewer.camera.flyTo({
|
// this.viewer.camera.flyTo({
|
||||||
// 指定相机初始位置
|
// // 指定相机初始位置
|
||||||
destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000),
|
// destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000),
|
||||||
duration: 0.5
|
// duration: 0.5
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
this.viewer.camera.setView({
|
this.viewer.camera.setView({
|
||||||
// 指定相机初始位置
|
// 指定相机初始位置
|
||||||
|
|
|
||||||
|
|
@ -352,14 +352,15 @@ export default {
|
||||||
sceneMode: Cesium.SceneMode.SCENE2D,
|
sceneMode: Cesium.SceneMode.SCENE2D,
|
||||||
shadows: false,
|
shadows: false,
|
||||||
timeline: false,
|
timeline: false,
|
||||||
baseLayerPicker: true,
|
baseLayerPicker: false,
|
||||||
// 设置自定义底图
|
// 设置自定义底图
|
||||||
imageryProviderViewModels: this.imageryViewModels,
|
imageryProviderViewModels: this.imageryViewModels,
|
||||||
// 关闭默认的地形底图
|
// 关闭默认的地形底图
|
||||||
terrainProviderViewModels: [],
|
terrainProviderViewModels: [],
|
||||||
fullscreenButton: false,
|
fullscreenButton: false,
|
||||||
selectionIndicator: false,
|
selectionIndicator: false,
|
||||||
homeButton: true,
|
homeButton: false,
|
||||||
|
sceneModePicker: false,
|
||||||
animation: false,
|
animation: false,
|
||||||
infoBox: false,
|
infoBox: false,
|
||||||
geocoder: false,
|
geocoder: false,
|
||||||
|
|
@ -379,14 +380,14 @@ export default {
|
||||||
this.viewer.scene.postProcessStages.fxaa.enabled = true
|
this.viewer.scene.postProcessStages.fxaa.enabled = true
|
||||||
|
|
||||||
// 单击 homeButton 返回初始位置
|
// 单击 homeButton 返回初始位置
|
||||||
this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => {
|
// this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => {
|
||||||
e.cancel = true;
|
// e.cancel = true;
|
||||||
this.viewer.camera.flyTo({
|
// this.viewer.camera.flyTo({
|
||||||
// 指定相机初始位置
|
// // 指定相机初始位置
|
||||||
destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000),
|
// destination: Cesium.Cartesian3.fromDegrees(112, 18, 4000000),
|
||||||
duration: 0.5
|
// duration: 0.5
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
|
|
||||||
this.viewer.camera.setView({
|
this.viewer.camera.setView({
|
||||||
// 指定相机初始位置
|
// 指定相机初始位置
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Loading…
Reference in New Issue