引入全景图和倾斜摄影功能

package.json

@@ -8,7 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^1.1.3",
     "core-js": "^3.8.3",
+    "mars3d": "3.4.1",
+    "node-polyfill-webpack-plugin": "^2.0.1",
     "v-viewer": "^1.6.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",

public/config/oblique-config.json

@@ -0,0 +1,307 @@
+{
+  "map3d": {
+    "scene": {
+      "scene3DOnly": false,
+      "shadows": false,
+      "removeDblClick": true,
+      "sceneMode": 3,
+      "showSun": false,
+      "showMoon": false,
+      "showSkyBox": false,
+      "showSkyAtmosphere": false,
+      "fog": false,
+      "fxaa": false,
+      "requestRenderMode": true,
+      "globe": {
+        "depthTestAgainstTerrain": true,
+        "baseColor": "#546a53",
+        "showGroundAtmosphere": false,
+        "enableLighting": false
+      },
+      "cameraController": {
+        "zoomFactor": 4.0,
+        "minimumZoomDistance": 200,
+        "maximumZoomDistance": 1500,
+        "enableRotate": true,
+        "enableTranslate": true,
+        "enableTilt": true,
+        "enableZoom": true,
+        "enableCollisionDetection": true,
+        "minimumCollisionTerrainHeight": 15000
+      }
+    },
+    "control": {
+      "homeButton": false,
+      "baseLayerPicker": false,
+      "sceneModePicker": false,
+      "vrButton": false,
+      "fullscreenButton": false,
+      "navigationHelpButton": false,
+      "animation": false,
+      "timeline": false,
+      "infoBox": false,
+      "geocoder": false,
+      "selectionIndicator": false,
+      "contextmenu": { "hasDefault": true },
+      "mouseDownView": true,
+      "zoom": false,
+      "compass": false,
+      "distanceLegend": false,
+      "locationBar": {
+        "fps": true,
+        "crs": "CGCS2000_GK_Zone_3",
+        "crsDecimal": 0,
+        "template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div>海拔：{alt}米</div>"
+      }
+    },
+    "templateValues": {
+      "dataServer": "//data.mars3d.cn",
+      "gltfServerUrl": "//data.mars3d.cn/gltf"
+    },
+    "terrain": {
+      "url": "//data.mars3d.cn/terrain",
+      "show": true
+    },
+    "basemaps": [
+      { "id": 10, "name": "地图底图", "type": "group" },
+      {
+        "id": 2021,
+        "pid": 10,
+        "name": "天地图影像",
+        "icon": "img/basemaps/tdt_img.png",
+        "type": "group",
+        "layers": [{ "name": "底图", "type": "tdt", "layer": "img_d" }],
+        "show": false
+      },
+      {
+        "pid": 10,
+        "name": "天地图电子",
+        "icon": "img/basemaps/tdt_vec.png",
+        "type": "group",
+        "layers": [
+          { "name": "底图", "type": "tdt", "layer": "vec_d" },
+          { "name": "注记", "type": "tdt", "layer": "vec_z" }
+        ]
+      },
+      {
+        "pid": 10,
+        "name": "高德影像",
+        "type": "gaode",
+        "icon": "img/basemaps/gaode_img.png",
+        "layer": "img_d",
+        "brightness": 1.1,
+        "saturation": 1,
+        "hue": 0.01,
+        "show": true
+      },
+      {
+        "pid": 10,
+        "name": "高德电子",
+        "type": "gaode",
+        "icon": "img/basemaps/gaode_vec.png",
+        "layer": "vec"
+      },
+      {
+        "pid": 10,
+        "name": "百度影像",
+        "type": "group",
+        "icon": "img/basemaps/bd-img.png",
+        "layers": [{ "name": "底图", "type": "baidu", "layer": "img_d" }],
+        "show": false
+      },
+      {
+        "pid": 10,
+        "name": "百度电子",
+        "icon": "img/basemaps/bd-vec.png",
+        "type": "baidu",
+        "layer": "vec",
+        "show": false
+      },
+      {
+        "pid": 10,
+        "name": "腾讯影像",
+        "icon": "img/basemaps/tencent_img.png",
+        "type": "group",
+        "layers": [
+          { "name": "底图", "type": "tencent", "layer": "img_d" },
+          { "name": "注记", "type": "tencent", "layer": "img_z" }
+        ]
+      },
+      {
+        "pid": 10,
+        "name": "腾讯电子",
+        "icon": "img/basemaps/tencent_vec.png",
+        "type": "tencent",
+        "layer": "vec"
+      },
+      {
+        "pid": 10,
+        "name": "ArcGIS影像",
+        "icon": "img/basemaps/esriWorldImagery.png",
+        "type": "xyz",
+        "url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
+        "enablePickFeatures": false,
+        "show": false
+      },
+      {
+        "pid": 10,
+        "name": "微软影像",
+        "icon": "img/basemaps/bingAerial.png",
+        "type": "bing",
+        "layer": "Aerial"
+      },
+      {
+        "pid": 10,
+        "name": "OSM地图",
+        "type": "xyz",
+        "icon": "img/basemaps/osm.png",
+        "url": "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+        "subdomains": "abc"
+      },
+      {
+        "id": 2017,
+        "pid": 10,
+        "name": "暗色底图",
+        "type": "gaode",
+        "icon": "img/basemaps/blackMarble.png",
+        "layer": "vec",
+        "invertColor": true,
+        "filterColor": "#4e70a6",
+        "brightness": 0.6,
+        "contrast": 1.8,
+        "gamma": 0.3,
+        "hue": 1,
+        "saturation": 0
+      },
+      {
+        "pid": 10,
+        "name": "蓝色底图",
+        "icon": "img/basemaps/bd-c-midnight.png",
+        "type": "xyz",
+        "url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
+        "chinaCRS": "GCJ02",
+        "enablePickFeatures": false
+      },
+      {
+        "pid": 10,
+        "name": "黑色底图",
+        "icon": "img/basemaps/bd-c-dark.png",
+        "type": "tencent",
+        "layer": "custom",
+        "style": "4"
+      },
+      {
+        "pid": 10,
+        "name": "离线地图 (供参考)",
+        "type": "group",
+        "icon": "img/basemaps/google_img.png",
+        "layers": [
+          {
+            "name": "全球",
+            "type": "xyz",
+            "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
+            "minimumLevel": 0,
+            "maximumLevel": 9
+          },
+          {
+            "name": "中国",
+            "type": "xyz",
+            "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
+            "minimumTerrainLevel": 10,
+            "minimumLevel": 10,
+            "maximumLevel": 12,
+            "rectangle": {
+              "xmin": 69.706929,
+              "xmax": 136.560941,
+              "ymin": 15.831038,
+              "ymax": 52.558005
+            }
+          },
+          {
+            "name": "具体项目(如合肥)",
+            "type": "xyz",
+            "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
+            "minimumTerrainLevel": 12,
+            "minimumLevel": 12,
+            "maximumLevel": 18,
+            "rectangle": {
+              "xmin": 116.33236,
+              "xmax": 118.183557,
+              "ymin": 31.143784,
+              "ymax": 32.565035
+            }
+          }
+        ]
+      },
+      {
+        "pid": 10,
+        "name": "单张图片 (本地离线)",
+        "icon": "img/basemaps/offline.png",
+        "type": "image",
+        "url": "//data.mars3d.cn/file/img/world/world.jpg"
+      }
+    ],
+    "layers": [
+      { "id": 50, "name": "辅助图层", "type": "group" },
+      { "pid": 50, "type": "graticule", "name": "经纬网" },
+      {
+        "pid": 50,
+        "name": "行政区划界线",
+        "type": "tdt",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=ibo_w&x={x}&y={y}&l={z}",
+        "maximumLevel": 10,
+        "mapSplit": false
+      },
+      {
+        "pid": 50,
+        "name": "高德实时路况",
+        "type": "gaode",
+        "layer": "time",
+        "minimumTerrainLevel": 4,
+        "minimumLevel": 4,
+        "proxy": "//server.mars3d.cn/proxy/",
+        "mapSplit": false
+      },
+      {
+        "pid": 50,
+        "name": "百度实时路况",
+        "type": "baidu",
+        "layer": "time",
+        "mapSplit": false
+      },
+
+      { "id": 60, "name": "地形", "type": "group" },
+      {
+        "pid": 60,
+        "type": "terrain",
+        "name": "Cesium地形",
+        "terrain": { "type": "ion" },
+        "radio": true
+      },
+      {
+        "pid": 60,
+        "type": "terrain",
+        "name": "Mars3D地形",
+        "terrain": { "type": "xyz", "url": "{dataServer}/terrain" },
+        "radio": true
+      },
+      {
+        "pid": 60,
+        "type": "terrain",
+        "name": "ArcGIS地形",
+        "terrain": {
+          "type": "arcgis",
+          "url": "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
+        },
+        "radio": true
+      },
+      {
+        "pid": 60,
+        "type": "terrain",
+        "name": "无地形",
+        "terrain": { "type": "none" },
+        "radio": true
+      }
+    ]
+  }
+}

public/index.html

@@ -7,9 +7,44 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>雨花台烈士纪念馆</title>
   </head>
+  
   <body>
     <script src="//4dkk.4dage.com/v4/sdk/4.2.0/kankan-sdk-deps.js"></script>
     <script src="//4dkk.4dage.com/v4/sdk/4.2.0/kankan-sdk.js"></script>
+
+    <!-- cesium -->
+    <!--引入cesium基础lib-->
+    <link
+      href="<%= BASE_URL %>lib/Cesium/Widgets/widgets.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!-- <script>
+      // window.CESIUM_BASE_URL = "./lib/Cesium/" //非必须，如jsp、asp.net等非html框架报错时建议取消注释
+    </script> -->
+    <script
+      src="<%= BASE_URL %>lib/Cesium/Cesium.js"
+      type="text/javascript"
+    ></script>
+    <!-- <script
+      src="<%= BASE_URL %>static/lib/turf/turf.min.js"
+      type="text/javascript"
+    ></script> -->
+
+    <link
+      rel="stylesheet"
+      href="<%= BASE_URL %>static/lib/iconfontQJ/iconfont.css"
+    />
+    <link
+      rel="stylesheet"
+      href="<%= BASE_URL %>static/lib/scrollbar/perfect-scrollbar.css"
+    />
+    <script src="<%= BASE_URL %>static/lib/jquery-2.1.1.min.js"></script>
+    <script src="<%= BASE_URL %>static/lib/krpano/js/tour.js"></script>
+    <script src="<%= BASE_URL %>static/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
+    <script src="<%= BASE_URL %>static/lib/scrollbar/perfect-scrollbar.min.js"></script>
+    <script src="<%= BASE_URL %>static/lib/sly.min.js"></script>
+    
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>

public/lib/Cesium/Assets/Textures/NaturalEarthII/tilemapresource.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+    <TileMap version="1.0.0" tilemapservice="http://tms.osgeo.org/1.0.0">
+      <Title>NE2_HR_LC_SR_W_DR_recolored.tif</Title>
+      <Abstract></Abstract>
+      <SRS>EPSG:4326</SRS>
+      <BoundingBox miny="-90.00000000000000" minx="-180.00000000000000" maxy="90.00000000000000" maxx="180.00000000000000"/>
+      <Origin y="-90.00000000000000" x="-180.00000000000000"/>
+      <TileFormat width="256" height="256" mime-type="image/jpg" extension="jpg"/>
+      <TileSets profile="geodetic">
+        <TileSet href="0" units-per-pixel="0.70312500000000" order="0"/>
+        <TileSet href="1" units-per-pixel="0.35156250000000" order="1"/>
+        <TileSet href="2" units-per-pixel="0.17578125000000" order="2"/>
+      </TileSets>
+    </TileMap>