55 lines
1.4 KiB
TypeScript
Raw Normal View History

2023-03-28 11:51:03 +08:00
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
}
]
});