gis_component

How to install

yarn add gis-component

How to use

<template>
  <div>
    <gis-img-map class="map-img-div"></gis-img-map>
    <gis-cad-map class="map-cad-div"></gis-cad-map>
    <gis-drive-map class="map-drive-div"></gis-drive-map>
    <gis-big-data class="map-data-div"></gis-big-data>
  </div>
</template>
<style scoped>
  .map-img-div{
    height: 100vh;
  }
  .map-cad-div{
    height: 100vh;
  }
  .map-drive-div{
    height: 100vh;
  }
  .map-data-div{
    height: 100vh;
  }
</style>

  import Vue from 'vue';
  import {GisImgMap, GisCadMap, GisDriveMap, GisBigData} from "gis-component";
  Vue.use(GisImgMap);
  Vue.use(GisCadMap);
  Vue.use(GisDriveMap);
  Vue.use(GisBigData);
  export default {
    data() {
      return {
        
      }
    },
    methods: {
    }
  }

The props of the GisImgMap

|参数名|参数类型|是否必传|含义| |--|--|--|--| |workBorderData|JSONArray|false|矿井列表及矿井边界| |swipeLineData|JSONArray|false|流动的线起始坐标|

举例

workBorderData: [{
  code: "malan",
  title: "马兰矿",
  path: '/cad',
  data: [
    [37.91508333, 112.0104444],[37.90877778, 112.0264722],[37.89961111, 112.0480278],[37.88897222, 112.0479444],
    [37.87722222, 112.0473611],[37.8745, 112.0586944],[37.86541667, 112.0671111],[37.85641667, 112.0784167],
    [37.83488889, 112.0893611],[37.83477778, 112.1041389],[37.81172222, 112.1037778],[37.77969444, 112.0613056],
    [37.75688889, 112.0403333],[37.78322222, 111.9978056],[37.82266667, 111.9756111],[37.82716667, 111.9894167],
    [37.83197222, 112.0041667],[37.83586111, 112.0066389],[37.84644444, 112.0129722],[37.85041667, 112.0150556],
    [37.85038889, 112.0181389],[37.85188889, 112.0195833],[37.85441667, 112.0142222],[37.85336111, 112.0130556],
    [37.85338889, 112.00925],[37.86225, 112.0040833],[37.86227778, 112.0001111],[37.90283333, 111.9994167]
  ]
}]

swipeLineData: [
  {"from": [112.546139,37.886546],"to": [113.365394,40.110144],"color": "#2397EFee"},//大同市
  {"from": [112.546139,37.886546],"to": [112.431731,39.343009],"color": "#2397EFee"},//朔州市
  {"from": [112.546139,37.886546],"to": [112.734711,38.424059],"color": "#2397EFee"},//忻州市
  {"from": [112.546139,37.886546],"to": [111.153119,37.523395],"color": "#2397EFee"},//吕梁市
  {"from": [112.546139,37.886546],"to": [113.581562,37.874242],"color": "#2397EFee"},//阳泉市
  {"from": [112.546139,37.886546],"to": [112.753684,37.709991],"color": "#2397EFee"},//晋中市
  {"from": [112.546139,37.886546],"to": [111.525664,36.103339],"color": "#2397EFee"},//临汾市
  {"from": [112.546139,37.886546],"to": [113.121629,36.207781],"color": "#2397EFee"},//长治市
  {"from": [112.546139,37.886546],"to": [112.859468,35.511363],"color": "#2397EFee"},//晋城市
  {"from": [112.546139,37.886546],"to": [111.001341,35.039882],"color": "#2397EFee"},//运城市
]

The props of the GisCadMap

|参数名|参数类型|是否必传|含义|举例| |--|--|--|--|--| |serverUrl|String|false|地图服务|http://192.168.1.46:8400/|