月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2024-03-01 12075d0fa73d963ff5d6dbc4727fb95fb6084961
代码更新
已添加1个文件
已修改6个文件
64 ■■■■■ 文件已修改
public/WebSDK/Workers/image/location.png 补丁 | 查看 | 原始文档 | blame | 历史
public/WebSDK/Workers/path/Path.html 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js 16 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/menuTool.js 15 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/olMap.js 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/server.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/layer/layerManage.vue 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/WebSDK/Workers/image/location.png
public/WebSDK/Workers/path/Path.html
@@ -138,8 +138,8 @@
        <div class="layui-input-block">
          <select id="sjms" name="sjms" lay-filter="sjms">
            <option value="0">跟随模型</option>
            <option value="1">第一人称视角</option>
            <option value="2">上帝视角</option>
            <!-- <option value="1">第一人称视角</option> -->
            <!-- <option value="2">上帝视角</option> -->
          </select>
        </div>
      </div>
public/config/config.js
@@ -1,19 +1,18 @@
//是否为生产环境
var isWeb = location.hostname.indexOf("103.85.165.") > -1;
//是否为生产环境
var isWeb = location.hostname.indexOf("172.") > -1;
//是否为生产环境
const webUrl = location.href.indexOf("/web") > -1 ? "/web" : "";
// var webHost = isWeb ? "103.85.165.99" + ":28888" :  '106.120.22.35' + ":28888";
var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.83' + ":8888";
// var webHost = isWeb ? "103.85.165.99" + ":28888" : '100.10.1.169' + ":8088";
var  imageUrl = "http://localhost:8080"+webUrl
var webHost = isWeb ? "172.16.2.10" + ":10088" : '100.10.1.169' + ":8088";
var webArcgis = isWeb? "172.16.2.10" + ":26081" : '100.10.1.169' + ":6080"
// WebSocket 服务地址
var socketUrl = 'ws://' + webHost + '/MoonServer/ws/select';
//配置文件地址
const config = {
  mapMoon: webUrl + "/mapscreen/index.html",
  //坡度分析图层
  esri: 'http://192.168.22.198:6080/arcgis/services/无标题/MapServer/WMSServer?',
 //坡度分析图层
 esri: 'http://'+ webArcgis +'/arcgis/services/moonnew/CE2DEM_slope2/MapServer/WMSServer?',
  //SDK许可
  StaticFileBaseUrl: webUrl + "/WebSDK/",
@@ -27,3 +26,4 @@
    [">=", ">", " =", "<=", "<", "<>"],
  ],
};
src/assets/js/Map/menuTool.js
@@ -6,7 +6,7 @@
// import { Store } from "vuex";
import store from "@/store";
import temporaryTool from "./temporaryTools";
import { getToken } from "@/utils/auth";
const menuTool = {
  toolMenu: null,
  toolFlag: null,
@@ -174,10 +174,19 @@
    });
  },
  getLayrUrl(res) {
    var url;
    if (res.indexOf('{token}')>-1) {
      const token = getToken();
      url = config.proxy + res.replaceAll("{token}", token);
    } else {
      url = res;
    }
    return url;
  },
  addTMSLayer(obj) {
    var esri = new Cesium.WebMapServiceImageryProvider({
      url: config.esri,
      name: 'esriLayer',
@@ -645,6 +654,8 @@
    window.rightViewer.imageryLayers.removeAll();
    window.rightViewer = DoubleScreen.right._Viewer;
    window.rightViewer.animation.container.style.visibility = "hidden";
    window.rightViewer.scene.sun.show = false; //隐藏太阳和月亮
    window.rightViewer.scene.moon.show = false;
    // window.rightViewer.timeline.container.style.visibility = "hidden";
    //大气层
    window.rightViewer.scene.globe.showGroundAtmosphere = false;
src/assets/js/Map/olMap.js
@@ -180,12 +180,11 @@
  addWmts(res) {
    this.initMap();
    console.log(res)
    console.log(res.category)
    if (res.category == 4) {//判断是否为Arcgis服务
      addArcGisWmst(res);
    } else {
      addGeoWmst(res);
      // addArcGisWmst(res)
    }
  },
};
@@ -271,21 +270,22 @@
  }, 500);
}
function addArcGisWmst(res) {
  console.log(res.url)
  olMap.initMap();
  var olMapDate = null;
  if (res.url.indexOf('south') > -1) {//南极
  if (res.cnName.indexOf('南极投影') > -1) {//南极
    olMapDate = proDate.south;
  } else if (res.url.indexOf('north') > -1) {//北极
  } else if (res.cnName.indexOf('北极投影') > -1) {//北极
    olMapDate = proDate.north;
  } else if (res.url.indexOf('near') > -1) {//北极
  } else if (res.cnName.indexOf('近地投影') > -1) {//北极
    olMapDate = proDate.near;
  } else if (res.url.indexOf('far') > -1) {//北极
  } else if (res.cnName.indexOf('远地投影') > -1) {//北极
    olMapDate = proDate.far;
  } else if (res.url.indexOf('equid') > -1) {//北极
  } else if (res.cnName.indexOf('等距离') > -1) {//北极
    olMapDate = proDate.equid;
  }
  console.log(res.url)
  if(!olMapDate)return
  if(!olMapDate.extent)return;
  var extent = olMapDate.extent;
@@ -303,7 +303,8 @@
  };
  ol.proj.addProjection(proj);
  var ResolutionsAndMids = getResolutionsAndMids(12);
  var arcUrl = res.url;
  var arcUrl =olMap.getLayrUrl( res);
  var arcgisLayer = new ol.layer.Tile({
    source: new ol.source.XYZ({
@@ -325,16 +326,13 @@
  let mousePositionControl = new ol.control.MousePosition({
    coordinateFormat: (coordinate) => {
      var sourceProj = mapCode; 
      console.log("yuanshi",mapCode)
      var destProj = "ESRI:104903"; // 目标坐标系为墨卡托投影
      var olLon = coordinate[0]
      var olLat = coordinate[1];
      console.log(olLon, olLat)
      var destCoord = ol.proj.transform([olLon, olLat], sourceProj, destProj);
      store.state.olLon = destCoord[0].toFixed(6)
      store.state.olLat = destCoord[1].toFixed(6);
      if (olMap.map) {
        store.state.olZoom = parseInt(olMap.map.getView().getZoom())
      }
src/assets/js/Map/server.js
@@ -265,7 +265,7 @@
        ellipsoid: Cesium.Ellipsoid.MOON,
      }),
    })
    console.log("3123",urlTemplateImageryProvider.tilingScheme);
    var imageLayer = window.Viewer.imageryLayers.addImageryProvider(urlTemplateImageryProvider);
    imageLayer.id = res.id
src/views/layer/layerManage.vue
@@ -486,7 +486,6 @@
  var geoUrl = null;
  for (var i in son) {
    var layerArr = son[i];
    console.log(layerArr.isLayer);
    layerArr.checked = true;
    if (layerArr.category == 2 && layerArr.type == 3) {
      if (layerArr.tab != "moon:geo_mappable_unit") {