55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
|
import * as mars3d from 'mars3d';
|
||
|
import './css/main.css';
|
||
|
import 'mars3d/dist/mars3d.css';
|
||
|
/**
|
||
|
*
|
||
|
* import * as mars3d from 'mars3d';
|
||
|
* const map = new mars3d.Map('mars3dContainer', {});
|
||
|
*
|
||
|
*
|
||
|
*/
|
||
|
const map = new mars3d.Map('mars3dContainer', {
|
||
|
scene: {
|
||
|
center: { lat: 30.054604, lng: 108.885436, alt: 17036414, heading: 0, pitch: -90 },
|
||
|
showSun: true,
|
||
|
showMoon: true,
|
||
|
showSkyBox: true,
|
||
|
showSkyAtmosphere: false, // 关闭球周边的白色轮廓 map.scene.skyAtmosphere = false
|
||
|
fog: true,
|
||
|
fxaa: true,
|
||
|
globe: {
|
||
|
showGroundAtmosphere: false, // 关闭大气(球表面白蒙蒙的效果)
|
||
|
depthTestAgainstTerrain: false,
|
||
|
baseColor: '#546a53'
|
||
|
},
|
||
|
cameraController: {
|
||
|
zoomFactor: 3.0,
|
||
|
minimumZoomDistance: 1,
|
||
|
maximumZoomDistance: 50000000,
|
||
|
enableRotate: true,
|
||
|
enableZoom: true
|
||
|
}
|
||
|
},
|
||
|
control: {
|
||
|
baseLayerPicker: true, // basemaps底图切换按钮
|
||
|
homeButton: true, // 视角复位按钮
|
||
|
sceneModePicker: true, // 二三维切换按钮
|
||
|
navigationHelpButton: true, // 帮助按钮
|
||
|
fullscreenButton: true, // 全屏按钮
|
||
|
contextmenu: { hasDefault: true } // 右键菜单
|
||
|
},
|
||
|
terrain: {
|
||
|
url: '//data.mars3d.cn/terrain',
|
||
|
show: true
|
||
|
},
|
||
|
basemaps: [
|
||
|
{
|
||
|
name: '天地图影像',
|
||
|
icon: 'img/basemaps/tdt_img.png',
|
||
|
type: 'tdt',
|
||
|
layer: 'img_d',
|
||
|
show: true
|
||
|
}
|
||
|
]
|
||
|
});
|