地图底图错位

wangrui

2020-12-22 b59fe688dd6034cf3080889c15113dff052fbabb

 src/conf/MapConfig.js

@@ -1,77 +1,15 @@
import * as L from 'leaflet'
import { $HOST } from '@/api/host'

let curWwwPath = window.document.location.href
let pathname = window.document.location.pathname
let pos = curWwwPath.indexOf(pathname)
let HOST_URL = curWwwPath.substring(0, pos)
const sconfig = {
    // 'ip' : '10.246.151.116',
    // 'port' : '8093',
    'ip': '10.238.221.80',
    'port': '8088',
    'ifS': 'http',
    'name': '/hcss'
}
// const DMHttpService='http://10.246.146.111/IPMSAPI/' // 测试
// var DMHttpService1='http://10.246.151.16:8094/'
const DMHttpService1 = sconfig.ifS + '://' + sconfig.ip + ':' + sconfig.port + sconfig.name + '/'
const GIS_URL = 'http://10.238.221.80:6080'
/* const config = {
    ArcGisApiService: 'http://10.246.146.111/DigitalSand'
} */
const mapConfig = {
    IsLoadMapByToken: true, // 是否通过token加载地图
    showBaseMapType: 1, // 1显示天地图，2显示arcgis地图
    TDTBaseMaps: [
        {
            layerName: '天地图影像地图',
            type: 'wmts',
            visible: false,
            layerType: 'img_c',
            isLoadMapByToken: true,
            url: 'http://10.246.132.249:8080/OneMapServer/rest/services/base-tdt-image-globe/WMTS'
        },
        {
           layerName: '天地图影像标注',
           type: 'wmts',
           visible: false,
           layerType: 'cia_c',
           isLoadMapByToken: true,
           url: 'http://10.246.132.249:8080/OneMapServer/rest/services/base-tdt-label-image/WMTS'
        },
        {
           layerName: '天地图矢量地图',
           type: 'wmts',
           visible: false,
           layerType: 'vec_c',
           isLoadMapByToken: true,
           url: 'http://10.246.132.249:8080/OneMapServer/rest/services/base-tdt-vector-globe/WMTS'
        },
        {
           layerName: '天地图矢量标注',
           type: 'wmts',
           visible: false,
           layerType: 'cva_c',
           isLoadMapByToken: true,
           url: 'http://10.246.132.249:8080/OneMapServer/rest/services/base-tdt-label-vector/WMTS'
        }
    ],
    ArcBaseMaps: [
        {
            layerName: 'arcgis影像底图',
            type: 'tile',
            visible: true,
            layerType: 'cia_c',
            isLoadMapByToken: false,
            url: 'http://10.246.132.249:8080/OneMapServer/rest/services/base-map-image-globe/MapServer'
        }],
 GeometryServer: GIS_URL + '/arcgis/rest/services/Utilities/Geometry/GeometryServer',
 FenceUrl: GIS_URL + '/arcgis/rest/services/fence',
    ChinaGj: $HOST + '/server/ogcserver/whp_guojie/wmts',
    RailwayUrl: $HOST + '/server/ogcserver/railway_network_tile/wmts'
}

const BLUEMAP_HOST = 'http://xearth.cn:6288/' // 公司发布的地图服务，用于测试的地址

const SINOPEC_GIS_HOST = 'http://10.246.132.249:8080'  // 内网天地图主机地址
const TIANDITU_GIS_HOST = 'http://t0.tianditu.gov.cn' // 公网天地图主机地址
const TIANDITU_GIS_TOKEN = '5d76218063082952d18b76da5005f490' // 备用tk: f1b72b5e7cb1175acddfa485f1bc9770
const mapOptions = {
    crs: L.CRS.EPSG4326,
    minZoom: 3,
@@ -83,42 +21,162 @@
    editable: true
}

const layerNameNew = {
    TransportEnterprise: 'T_Carrier', // 运输企业
    Petrochemical: 'CHEMICAL_OIL_ENTERPRISE', // 炼化企业
    Chemical: 'CHEMICAL_ENTERPRISE', // 化工企业
    Refinery: 'OIL_REFINING_ENTERPRISE', // 炼油企业
    SalesEnterprise: 'SALES_ENTERPRISE', // 销售企业
    Dock: 'WHARF', // 码头
    StoreHouse: 'Warehouse', // 仓库
    Sales: 'CHEMICAL_SALES_OUTLETS', // 化销经营网点
    Petroleum: 'CRUDE_OIL_DEPOT', // 原油油库
    ProductOil: 'PRODUCT_OIL_DEPOT', // 成品油油库
    LNGStation: 'LNG_RECEIVING_STATION', // LNG接收站
    LNGStorage: 'LNG_TANK', // LNG储罐
    TrainStation: 'TrainStation', // 铁路自备车火车站
    Railway: 'TrainWay', // 铁路
    TransportPath: 'TRANS_PATH', // 运输路径
    TransportNode: 'TRANS_NODE_TOPOLOGY', // 运输节点拓扑
    FillingStation: 'FillingStation', // 加油站
    TransportWarning: '运输监控',
    TransportWaste: '危废监控',
    Train: 'Train',
    Truck: 'Truck',
    Ship: 'Ship',
    Warning: '综合预警',
    Track: '历史轨迹',
    Weather: '天气预警',
    WarningLayer: 'warning',
    RainFall: 'RainFall',
    WindAndTemperature: 'WindAndTemperature',
    Dust: 'Dust',
    FogWarning: 'FogWarning',
    HazeLayer: 'HazeLayer'
const mapConfig = {
    IsLoadMapByToken: true, // 是否通过token加载地图
    showBaseMapType: 1, // 1显示天地图，2显示arcgis地图
    IntranetBaseMaps: [
        {
            code: 'sinopec_img',
            name: '中石化天地图影像',
            isAddToMap: true,
            map: {
                layerName: '天地图影像地图',
                type: 'wmts',
                visible: false,
                layerType: 'img_c',
                isLoadMapByToken: true,
                url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-image-globe/WMTS',
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
            annotation: {
                layerName: '天地图影像标注',
                type: 'wmts',
                visible: false,
                layerType: 'cia_c',
                isLoadMapByToken: true,
                url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-image/WMTS',
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
        },
        {
            code: 'sinopec_vec',
            name: '中石化天地图矢量',
            isAddToMap: false,
            map: {
                layerName: '天地图矢量地图',
                type: 'wmts',
                visible: false,
                layerType: 'vec_c',
                isLoadMapByToken: true,
                url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-vector-globe/WMTS',
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
            annotation: {
                layerName: '天地图矢量标注',
                type: 'wmts',
                visible: false,
                layerType: 'cva_c',
                isLoadMapByToken: true,
                url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-vector/WMTS',
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            }
        }
    ],
    InternetBaseMaps: [
        {
            code: 'tianditu_img',
            name: '天地图影像',
            isAddToMap: true,
            map: {
                layerName: '天地图影像地图',
                type: 'wmts',
                visible: false,
                layerType: 'img_c',
                isLoadMapByToken: true,
                url: TIANDITU_GIS_HOST + '/img_c/wmts?layer=img&style=default&tilematrixset=c'+
                '&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}'+
                '&tk=' + TIANDITU_GIS_TOKEN,
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
            annotation: {
                layerName: '天地图影像标注',
                type: 'wmts',
                visible: false,
                layerType: 'cia_c',
                isLoadMapByToken: true,
                url: TIANDITU_GIS_HOST + '/cia_c/wmts?layer=cia&style=default&tilematrixset=c'+
                '&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}'+
                '&tk=' + TIANDITU_GIS_TOKEN,
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
        },
        {
            code: 'tianditu_vec',
            name: '天地图影像',
            isAddToMap: false,
            map: {
                layerName: '天地图矢量地图',
                type: 'wmts',
                visible: false,
                layerType: 'vec_c',
                isLoadMapByToken: true,
                url: TIANDITU_GIS_HOST + '/vec_c/wmts?layer=vec&style=default&tilematrixset=c'+
                '&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}'+
                '&tk=' + TIANDITU_GIS_TOKEN,
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            },
            annotation: {
                layerName: '天地图矢量标注',
                type: 'wmts',
                visible: false,
                layerType: 'cva_c',
                isLoadMapByToken: true,
                url: TIANDITU_GIS_HOST + '/cva_c/wmts?layer=cva&style=default&tilematrixset=c'+
                '&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}'+
                '&tk=' + TIANDITU_GIS_TOKEN,
                option:{
                    maxZoom: 18,
                    minZoom: 1,
                    zoomOffset: 0
                }
            }
        }
    ],
    ArcBaseMaps: [
        {
            layerName: 'arcgis影像底图',
            type: 'tile',
            visible: true,
            layerType: 'cia_c',
            isLoadMapByToken: false,
            url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-map-image-globe/MapServer'
        }
    ]
}

/**
 * 内网GIS，获取token参数
 */
const TokenConfig = {
    url: 'http://10.246.132.249:8080/RemoteTokenServer', // 获取token的服务接口
    url: SINOPEC_GIS_HOST + '/RemoteTokenServer', // 获取token的服务接口
    option: {
        request: 'getToken',
        username: 'sipms', // 获取token的用户名
@@ -127,115 +185,11 @@
        clientid: 'ref.' + HOST_URL// 获取token的应用服务器地址
    }
}
const layerNames = {
    TransportEnterprise: '运输企业',
    Petrochemical: '炼化企业',
    Chemical: '化工企业',
    Refinery: '炼油企业',
    SalesEnterprise: '销售企业',
    Dock: '码头',
    StoreHouse: '仓库',
    Sales: '化销经营网点',
    Petroleum: '原油油库',
    ProductOil: '成品油油库',
    LNGStation: 'LNG接收站',
    LNGStorage: 'LNG储罐',
    TrainStation: '铁路自备车火车站',
    Railway: '铁路',
    TransportPath: '运输路径',
    TransportNode: '运输节点拓扑',
    FillingStation: '加油站',
    TransportWarning: '运输监控',
    TransportWaste: '危废监控',
    Train: '铁路自备车',
    Ship: '船舶',
    Warning: '综合预警',
    Track: '历史轨迹',
    Weather: '天气预警'
}

const moduleNames = {
    Analysis: '经营分析',
    Facilities: '设施分布',
    Pipeline: '管线',
    CrudeOil: '原油',
    NaturalGas: '天然气',
    OilRefining: '炼油',
    Chemical: '化工',
    ProductOilSales: '成品油销售',
    ChemicalSales: '化工销售',
    ProductOil_dq_Sales: '成品油大区销售',
    ProductOli_ss_Sales: '成品油省市销售',
    ImportedCrudeOil: '进口原油',
    ImportedCrudeOil_dz: '进口原油大洲',
    ImportedCrudeOil_dq: '进口原油地区',
    ImportedCrudeOil_gj: '进口原油国家',
    ImportedCrudeOil_jc: '进口原油进场',
    Refining_ImportedCrudeOil: '炼油进口原油',
    Refining_HomeCrudeOil: '炼油国内原油',
    Refining_Cpylx: '炼油成品油流向',
    Dock_Yyly: '码头原油来源',
    Dock_Yylxqy: '码头原油流向企业',
    Oil_Yylxqy: '油田原油流向企业',
    ProductOilSales_dq_drdc: '成品油销售大区调入调出',

    jyfx_tb: '经营分析图表',
    gx_tb: '管线图表',
    yq_tb: '油气图表',
    ly_tb: '炼油图表',
    hg_tb: '化工图表',
    cpyxs_tb: '成品油销售图表',
    cpyxs_dq_tb: '成品油销售大区图表',
    cpyxs_ck_tb: '成品油销售出口图表'
}
const imageIDlayerCode = {
        '1_1': 'sinopec_yout',
        '1_2': 'petro_yout',
        '1_3': 'cnooc_yout',
        '1_4': 'other_yout',
        '2_1': 'sinopec_qit',
        '2_2': 'petro_qit',
        '2_3': 'cnooc_qit',
        '2_4': 'other_qit',
        '3_1': 'sinopec_jinkyy',
        '3_2': 'petro_jinkyy',
        '3_3': 'cnooc_jinkyy',
        '3_4': 'other_jinkyy',
        '4_1': 'sinopec_mat',
        '4_2': 'petro_mat',
        '4_3': 'cnooc_mat',
        '4_4': 'other_mat',
        '5_1': 'sinopec_lianyqy',
        '5_2': 'petro_lianyqy',
        '5_3': 'cnooc_lianyqy',
        '5_4': 'other_lianyqy',
        '6_1': 'sinopec_huagqy',
        '6_2': 'petro_huagqy',
        '6_3': 'cnooc_huagqy',
        '6_4': 'other_huagqy',
        '7_1': 'sinopec_chengpy',
        '7_2': 'petro_chengpy',
        '7_3': 'cnooc_chengpy',
        '7_4': 'other_chengpy',
        '8_1': 'sinopec_huag',
        '8_2': 'petro_huag',
        '8_3': 'cnooc_huag',
        '8_4': 'other_huag'
    }

const API_URLS = {
    vehicleAlarmUrl: '',
    corpTransVolumeUrl: ''
}

export default {
   mapConfig,
   layerNameNew,
   imageIDlayerCode,
    moduleNames,
    TokenConfig,
    layerNames,
    mapOptions,
    DMHttpService1,
    API_URLS
    mapConfig,
    TokenConfig,

    BLUEMAP_HOST
}