demo-mars3d

demo-mars3d/src/index.ts

@@ -0,0 +1,54 @@
+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
+    }
+  ]
+});