3DMap UP

QJKK/package.json

@@ -17,6 +17,7 @@
     "element-ui": "^2.15.10",
     "html2canvas": "^1.4.1",
     "js-base64": "^3.7.2",
+    "mars3d": "3.4.1",
     "photoswipe": "^4.1.3",
     "swiper": "^5.3.8",
     "v-viewer": "^1.5.1",

QJKK/public/config/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": 100,
+        "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
+      }
+    ]
+  }
+}

QJKK/public/label.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div
+      style="
+        width: 316px;
+        height: 174px;
+        display: flex;
+        justify-content: center;
+        align-items: flex-start;
+      "
+    >
+      <div
+        style="
+          position: absolute;
+          margin-left: 25px;
+          width: 190px;
+          height: 70px;
+          line-height: 70px;
+          text-align: center;
+          color: #fff;
+          font-size: 20px;
+          font-weight: bold;
+        "
+      >
+        雨花台烈士纪念馆
+      </div>
+      <div><img src="../src/assets/img/MapBs.png" alt="" /></div>
+    </div>
+  </body>
+</html>

QJKK/public/show.html

@@ -1,35 +1,56 @@
 <!DOCTYPE html>
 <html lang="zh">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="<%= VUE_APP_STATIC_DIR %>/lib/iconfontQJ/iconfont.css"
+    />
+    <link
+      rel="stylesheet"
+      href="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.css"
+    />
+    <link rel="icon" href="./favicon.ico" />
+    <!-- cesium -->
+    <!--引入cesium基础lib-->
+    <link
+      href="<%= VUE_APP_STATIC_DIR %>/lib/Cesium/Widgets/widgets.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!-- <script>
+      // window.CESIUM_BASE_URL = "./lib/Cesium/" //非必须，如jsp、asp.net等非html框架报错时建议取消注释
+    </script> -->
+    <script
+      src="<%= VUE_APP_STATIC_DIR %>/lib/Cesium/Cesium.js"
+      type="text/javascript"
+    ></script>
+    <script
+      src="<%= VUE_APP_STATIC_DIR %>/lib/turf/turf.min.js"
+      type="text/javascript"
+    ></script>
+    <title>珠海市拱北重点区域警务可视化</title>
+    <style>
+      .v-modal {
+        display: none !important;
+      }
+      .v-popup-layer {
+        display: none !important;
+      }
+    </style>
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/iconfontQJ/iconfont.css" />
-  <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.css" />
-  <link rel="icon" href="./favicon.ico" />
-  <title>珠海市拱北重点区域警务可视化</title>
-  <style>
-    .v-modal {
-      display: none !important;
-    }
-    .v-popup-layer{
-      display: none !important;
-    }
-  </style>
-</head>
-
-<body>
-  <script src="./hls.js"></script>
-  <div id="app"></div>
-  <!-- built files will be auto injected -->
-  <script src="<%= VUE_APP_STATIC_DIR %>/lib/jquery-2.1.1.min.js"></script>
-  <script src="<%= VUE_APP_STATIC_DIR %>/lib/krpano/js/tour.js"></script>
-  <script src="<%= VUE_APP_STATIC_DIR %>/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
-  <script src="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.min.js"></script>
-  <script src="<%= VUE_APP_STATIC_DIR %>/lib/sly.min.js"></script>
-
-</body>
-
-</html>
+  <body>
+    <script src="./hls.js"></script>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/jquery-2.1.1.min.js"></script>
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/krpano/js/tour.js"></script>
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.min.js"></script>
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/sly.min.js"></script>
+  </body>
+</html>

QJKK/public/static/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>