gis-component v1.7.3
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/ |
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago