mirror of
				https://github.com/jiangteng2019/satellite-track.git
				synced 2025-11-04 01:34:17 +00:00 
			
		
		
		
	Add map options
This commit is contained in:
		
							parent
							
								
									4bcb86e12d
								
							
						
					
					
						commit
						a73bdccdac
					
				@ -30,8 +30,7 @@
 | 
				
			|||||||
            <el-button type="primary" @click="handleAddSatellite">
 | 
					            <el-button type="primary" @click="handleAddSatellite">
 | 
				
			||||||
                添加
 | 
					                添加
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
            <el-upload class="upload_button" :on-change="handleImportSatellite" :show-file-list="false" accept="txt"
 | 
					            <el-upload class="upload_button" :on-change="handleImportSatellite" :show-file-list="false" accept="txt" :limit="1" :auto-upload="false" ref="upload">
 | 
				
			||||||
                :limit="1" :auto-upload="false" ref="upload">
 | 
					 | 
				
			||||||
                <template #trigger>
 | 
					                <template #trigger>
 | 
				
			||||||
                    <el-button type="default">导入</el-button>
 | 
					                    <el-button type="default">导入</el-button>
 | 
				
			||||||
                </template>
 | 
					                </template>
 | 
				
			||||||
@ -100,20 +99,37 @@ function initCesium() {
 | 
				
			|||||||
        return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 19);
 | 
					        return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 19);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    let imgLayer = new Cesium.MapboxImageryProvider({
 | 
					    // mapbox 卫星地图
 | 
				
			||||||
        mapId: 'mapbox.satellite',
 | 
					    // let imgLayer = new Cesium.MapboxImageryProvider({
 | 
				
			||||||
        accessToken: 'pk.eyJ1Ijoiamlhbmd0ZW5nIiwiYSI6ImNqbGhhcDhzMjAxdncza294c2ZqcHFxNGIifQ.rjSmtZ5QzE2sJ-qDANh3WQ'
 | 
					    //     mapId: 'mapbox.satellite',
 | 
				
			||||||
 | 
					    //     accessToken: 'pk.eyJ1Ijoiamlhbmd0ZW5nIiwiYSI6ImNqbGhhcDhzMjAxdncza294c2ZqcHFxNGIifQ.rjSmtZ5QzE2sJ-qDANh3WQ'
 | 
				
			||||||
 | 
					    // });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    //高德卫星地图
 | 
				
			||||||
 | 
					    let imgLayer = new Cesium.UrlTemplateImageryProvider({
 | 
				
			||||||
 | 
					        url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
 | 
				
			||||||
 | 
					        minimumLevel: 3,
 | 
				
			||||||
 | 
					        maximumLevel: 18
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // 高德地图路网图层
 | 
				
			||||||
 | 
					    var 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",
 | 
				
			||||||
 | 
					        minimumLevel: 3,
 | 
				
			||||||
 | 
					        maximumLevel: 18
 | 
				
			||||||
 | 
					    })
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    viewer = new Cesium.Viewer('cesiumContainer', {
 | 
					    viewer = new Cesium.Viewer('cesiumContainer', {
 | 
				
			||||||
        // terrainProvider: Cesium.createWorldTerrain(),  // 会触发渲染错误
 | 
					        // terrainProvider: Cesium.createWorldTerrain(),  // 会触发渲染错误
 | 
				
			||||||
        imageryProvider: imgLayer,
 | 
					        // imageryProvider: imgLayer,
 | 
				
			||||||
        baseLayerPicker: false,
 | 
					        baseLayerPicker: true,
 | 
				
			||||||
        geocoder: false,
 | 
					        geocoder: false,
 | 
				
			||||||
        navigationHelpButton: false,
 | 
					        navigationHelpButton: false,
 | 
				
			||||||
        infoBox: false
 | 
					        infoBox: false
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // viewer.imageryLayers.addImageryProvider(gaoDeImageryProvider);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    // 时间格式化
 | 
					    // 时间格式化
 | 
				
			||||||
    let minutes = 0 - new Date().getTimezoneOffset(); // 0 - (-480);
 | 
					    let minutes = 0 - new Date().getTimezoneOffset(); // 0 - (-480);
 | 
				
			||||||
    viewer.animation.viewModel.timeFormatter = function (date, viewModel) {
 | 
					    viewer.animation.viewModel.timeFormatter = function (date, viewModel) {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user