菜单

地图类型设置

下载
  1. 概述

    配置如机场项目的地图时使用该设置。当前该配置只在实战中用过一次,因此在今后的同类项目中可能去作更改。

  2. 文件位置

    dist/config/map.js

  3. 字段说明
    复制代码
    window.nvisualMapConfig = {
      type: "airport", // 类型
      defaultMapIndex: 1001, // 使用默认的地图索引
      view: { // 地图视图对象设置
        resolutions: [ // 分辨率, 该分辨率在对接项目的gis时一般都会提供
          0.703125,
          0.3515625,
          0.17578125,
          0.087890625,
          0.0439453125,
          0.02197265625,
          0.010986328125,
          0.0054931640625,
          0.00274658203125,
          0.001373291015625,
          6.866455078125E-4,
          3.4332275390625E-4,
          1.71661376953125E-4,
          8.58306884765625E-5,
          4.291534423828125E-5,
          2.1457672119140625E-5,
          1.0728836059570312E-5,
          5.364418029785156E-6,
          2.682209014892578E-6,
          1.341104507446289E-6,
          6.705522537231445E-7,
          3.3527612686157227E-7,
          1.6763806343078613E-7
        ],
        resolution: 0.010986328125, // 初始分辨率
        extent: [ // 范围
          108.67402497300004,
          34.40811096200002,
          108.84449215900008,
          34.48673380300005
        ],
        projection: "EPSG:4326", // 投影坐标系统
        center: [108.77425856600006, 34.44742238250004] // 中心点
      }
    }
  4. 使用常规地图

    如果要使用常规地图模式,不设置map.js或设置window.nvisualMapConfig = {}即可

常规地图配置

  1. 配置项

    在数据globalsetting表中设置mapJson字段。

  2. 字段说明
    1. xyz

      复制代码
        {
          "type": "map",
          "mapType": "XYZ", // 地图协议类型
          "label": "高德矢量地图", // 地图选择显示名称
          "mapIndex": 1001, // 编号
          "img": "/img/map/gaodedianzi.jpg", // 缩略图
          "data": {
            "layerArr": [
              {
              // 数据源
              "url": "http://wprd0{1-4}.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}&lang=zh_cn",
              "layerName": "" // 层名称
              }
            ],
            "maxZoom": 19, // 最大层级
            "projection": "gcj02", // 坐标系统
            "configOptions": {
              "tileSizes": [ 256, 256 ] // 瓦片大小
            }
          }
    2. wmts/wms

      复制代码
          "type": "map",
          "mapType": "WMS",
          "label": "超图",
          "mapIndex": 1008,
          "img": "/img/map/chaotu.jpg",
          "data": {
            "secretKey": "", // 密钥
            "layerArr": [
              {
              "url": "http://10.121.1.1:8090/iserver/services/map-BeiJingDianZiDiTu/wms111/北京电子地图/wms111?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=TERMPOINT&WIDTH=512&HEIGHT=512&CRS=EPSG%3A4326&STYLES=&MAP_RESOLUTION=180",
              "layerName": "北京电子地图"
              }
            ],
            "getToken": { // 获取token配置
              "url": "http://10.121.1.13:8889/wapi/v1/getMapToken",
              "type": "get",
              "param":{
              }
            },
            "maxZoom": 20,
            "projection": "EPSG:4326",
            "keyCarryingMode": "requestHeader", // 数据携带方式,header或url等
            "WMTSTileGridParams":{}, // wmts瓦片栅格参数,项目不同参数不同,对接gis时一般都会有说明
            "parametersToTheKeyReuestHeader": "token", // 头部字段名称
            "configOptions": { // 数据参数, 项目不同参数不同,对接gis时一般都会有说明
              "matrixSet": "w",
              "format": "tiles",
              "version": "1.0.0",
              "style": "default",
              "requestEncoding": "KVP"
            },
            "configOptionsParams": { // wms的数据参数,项目不同参数不同,项目对接gis时一般都会有说明
              "FORMAT": "image/png", // 图片格式
              "WIDTH": 512, // 图片大小
              "HEIGHT": 512
            }
          }
上一个
nVisual告警系统对接示例
下一个
Nginx独立项目相关配置说明
最近修改: 2024-06-21