vit-gis-tool v0.0.18

项目操作相关命令

安装 yarn or npm install
运行 yarn serve or npm run serve
打包项目 yarn build or npm run build
打包库 yarn npmpack or npm run npmpack
上传NPM npm publish

yarn add vit-gis-tool or npm install vit-gis-tool

局部导入

//图层树

import {LayerTree} from "vit-gis-tool/dist/npm/vit-web-tool.umd.min.js";

示例：               <LayerTree
                        :viewer="viewer"
                        :olMap="olMap"
                        :treeData="treeData"
                        :treeMode="1"
                        :mapMode="1"
                        :defaultExpandedKeys="[
                            treeData[1].id,
                            treeData[5].id,
                            treeData[6].id,
                        ]"
                        @control="getControl"
                        :showSearch="true"
                        :showType="true"
                    >
                        <template #picture="{ info }">
                            <a-icon
                                type="picture"
                                title="图例管理"
                                @click="pictureHandle(info)"
                            />
                        </template>
                        <template #edit="id">
                            <a-icon
                                type="edit"
                                title="编辑"
                                @click="editHandle(id)"
                            />
                        </template>
                        <template #delete="id">
                            <a-icon
                                type="delete"
                                title="删除"
                                @click="deleteHandle(id)"
                            />
                        </template>
                    </LayerTree>

参数解释：
viewer:cesium地图实例
olMap:openlayers地图实例
该组件支持这两种地图上图方式，至少传一种
treeData:树形结构数组
treeMode:树结构模式,string类型,"1"代表编辑模式,"2"代表上图模式
mapMode:地图模式,string类型,"1"代表cesium,"2"代表openlayers
defaultExpandedKeys:默认展开的key,与Antdesign规则一致
control:传函数,勾选图层可获取容器里的数据结构
showSearch:显示或隐藏搜索框
showType:显示或隐藏图层类型

//cesium地图实例
import {CesiumSceneMap} from "vit-gis-tool/dist/npm/vit-web-tool.umd.min.js";
示例:                  <CesiumSceneMap
                            @initMap="initMap"
                            :tools-show="true"
                        ></CesiumSceneMap>
参数解释:
initMap:传函数,可获取地图实例
toolsShow:显示或隐藏底部工具栏
terrainUrl:地形地址
isSct:是否为超图地形,如果是超图地形,要传入为true,cesium地形地址可不传

//ol地图实例
import {OlMap} from "vit-gis-tool/dist/npm/vit-web-tool.umd.min.js";
示例:                  <OlMap
                            @initOlMap="initOlMap"
                        ></OlMap>
参数解释:
initOlMap:传函数,可获取地图实例
center:地图中心位置,例子:[103.23, 35.33]
projection:坐标系,默认为"EPSG:4326"


//cesium,ol地图大部分上图函数
import {mapDataInit} from "vit-gis-tool/dist/npm/vit-web-tool.umd.min.js";
这里就不一一介绍了,有兴趣的可以打印看看