ylz-hz-listview v1.0.3

uss-gis

start

npm i uss-gis

• 下载源文件
  • http://192.168.120.61:16550/libs/ugis/ugis.js
  • http://192.168.120.61:16550/libs/ugis/ugis.css
• 全局引入

  <script src="/ugis.js"></script>
  <link rel="styleSheet" href="/index.css" type="text/css">

• 用法

// index.js
import UssGis from 'uss-gis'

<UssGis />

• 设置代理

'/ugis': 'http://192.168.120.61:16550',
'/api/ugis': target: 'http://192.168.120.61:16550',

api

ugis底层原生方法

http://192.168.120.61:16550/documents/index.html

目前支持的图层信息

• 通道信息
• 图层名称 device

// 通道信息数据结构
{
    type: 'Feature',
    geometry: {
      type: 'Point',
      coordinates: [10, 0] // 坐标
    },
    properties: {
      name: '我是通道', // 通道名称
      id: '1', // 通道id
      resource_type: '6', // 通道type
      model: '1', // 编码器type
      sub_type: '1', // 报警，门禁，卡口type。 model和sub_type 不能同时为空
    }
}

• 标记点
• 图层名称 point
• 只需在工具tool里面设置addPoint为true，不支持外部弹框展示

export 方法

function

控制参数

initMap{}

    initMap: {
        picName: 'cat',
        zoom: 13,
        center: [106.5330,29.5735],
        code: 'smart-box',
        isEmpty: false,
    },

deviceLayer{}

   deviceLayer: {
      isShow: true,
      popDOM: '', // 自定义部分弹窗内容
      popTitle: '设备信息',
    }

tool{}

    tool: {
      isShow: true,
      miniMap: false,
      frame: ['clear', 'polygon', 'line', 'rectangle', 'circle', 'point'],
      measure: ['clear', 'line', 'polygon'],
      isFull: true,
      control: false,
      addPoint: false,
    },

layer[]

    layer: [{
      idName: 'point',
      icon: './img/car.png',
      layerObj: {
        popDOM: '',
        popTitle: '标点信息',
      },
      width: 40,
      height: 50,
      features: [
        {
          type: 'Feature',
          geometry: {
              type: 'Point',
              coordinates: [0, 10]
          },
          properties: {
              name: '我是一只猫',
              rotate: 20,
              user: {
                  name: 123
              },
              id: 1
          }
      },
      ]
    }],

layerObj{}

features[]