cesium/satellite-track
1
0
Fork 0
mirror of https://github.com/jiangteng2019/satellite-track.git synced 2025-07-07 16:57:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(SatelliteTrack): 增加高德卫星图层

Browse Source
This commit is contained in:
jiang teng 2024-09-29 10:42:52 +08:00
parent 6ee6857d87
commit 9594ee1914
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/gaode.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

38
src/views/satellite-track/SatelliteTrack.vue
View File

@ -99,36 +99,50 @@ function initCesium() {
return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 19); return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 19);
} }
// mapbox 卫星地图 // mapBox 卫星地图
// let imgLayer = new Cesium.MapboxImageryProvider({ let mapBoxImgLayer = new Cesium.MapboxImageryProvider({
// mapId: 'mapbox.satellite', mapId: 'mapbox.satellite',
// accessToken: 'pk.eyJ1Ijoiamlhbmd0ZW5nIiwiYSI6ImNqbGhhcDhzMjAxdncza294c2ZqcHFxNGIifQ.rjSmtZ5QzE2sJ-qDANh3WQ' accessToken: 'pk.eyJ1Ijoiamlhbmd0ZW5nIiwiYSI6ImNqbGhhcDhzMjAxdncza294c2ZqcHFxNGIifQ.rjSmtZ5QzE2sJ-qDANh3WQ'
// }); });
//高德卫星地图 //高德卫星地图
let imgLayer = new Cesium.UrlTemplateImageryProvider({ let gaoDeSatelliteImgLayer = new Cesium.UrlTemplateImageryProvider({
url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
minimumLevel: 3, minimumLevel: 3,
maximumLevel: 18 maximumLevel: 18,
tilingScheme: new Cesium.WebMercatorTilingScheme(),
}); });
// 高德地图路网图层 // 高德地图路网图层
var gaoDeImageryProvider = new Cesium.UrlTemplateImageryProvider({ let gaoDeImageryProvider = new Cesium.UrlTemplateImageryProvider({
url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8", url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",
minimumLevel: 3, minimumLevel: 3,
maximumLevel: 18 maximumLevel: 18,
}) })
viewer = new Cesium.Viewer('cesiumContainer', { viewer = new Cesium.Viewer('cesiumContainer', {
// terrainProvider: Cesium.createWorldTerrain(), // 会触发渲染错误
imageryProvider: imgLayer,
baseLayerPicker: true, baseLayerPicker: true,
geocoder: false, geocoder: false,
navigationHelpButton: false, navigationHelpButton: false,
infoBox: false infoBox: false
}); });
// viewer.imageryLayers.addImageryProvider(gaoDeImageryProvider); const customLayerViewModel = new Cesium.ProviderViewModel({
name: '高德地图',
iconUrl: '/src/assets/gaode.jpg',
tooltip: '高德地图',
category: 'Cesium ion', // 或 'Other 、Cesium ion'、'Bing Maps' 等
creationFunction: function () {
return gaoDeSatelliteImgLayer;
}
});
viewer.baseLayerPicker.viewModel.imageryProviderViewModels.unshift(customLayerViewModel);
// 设置高德地图为默认图层
const selectedViewModel = viewer.baseLayerPicker.viewModel.imageryProviderViewModels[0];
viewer.baseLayerPicker.viewModel.selectedImagery = selectedViewModel;
// 时间格式化 // 时间格式化
let minutes = 0 - new Date().getTimezoneOffset(); // 0 - (-480); let minutes = 0 - new Date().getTimezoneOffset(); // 0 - (-480);