@mapgis/webclient-vue3-common

MapGIS WebClient Vue3 Common

特性

• 开箱即用的高质量 Vue 3组件
• 丰富的文档和示例

安装

# npm
npm install ant-design-vue@^4.2.6
npm install @mapgis/webclient-common
npm install @mapgis/webclient-vue3-ui
npm install @mapgis/webclient-vue3-common

# yarn
yarn add ant-design-vue@^4.2.6
yarn add @mapgis/webclient-common
yarn add @mapgis/webclient-vue3-ui
yarn add @mapgis/webclient-vue3-common

# pnpm
pnpm add ant-design-vue@^4.2.6
pnpm add @mapgis/webclient-common
pnpm add @mapgis/webclient-vue3-ui
pnpm add @mapgis/webclient-vue3-common

用法

在 main.ts 中写入以下内容：

完整引入

import { createApp } from 'vue'
import App from './App.vue'

import '@mapgis/webclient-common'

import Antd from 'ant-design-vue'
import MapGISUIComponents from '@mapgis/webclient-vue3-ui'
import MapGISCommonComponents from '@mapgis/webclient-vue3-common'

import 'ant-design-vue/dist/reset.css'
import '@mapgis/webclient-vue3-ui/dist/index.css'
import '@mapgis/webclient-vue3-common/dist/index.css'

createApp(App).use(Antd).use(MapGISUIComponents).use(MapGISCommonComponents).mount('#app')

按需导入

默认支持基于 ES modules 的 tree shaking，直接引入 import { Zoom } from '@mapgis/webclient-vue3-common'; 就会有按需加载的效果

<template>
  <a-config-provider>
    <mapgis-theme-provider>
      <Zoom></Zoom>
    </mapgis-theme-provider>
  </a-config-provider>
</template>

<script>
import { Zoom } from '@mapgis/webclient-vue3-common'
import '@mapgis/webclient-vue3-common/dist/theme/zoom.css'
</script>

版本说明

v17.10.5

1. 新增

• 拾取组件弹框文字溢出需换行，支持可以拖拽改变弹框的宽高

2. 修复

• 图层管理-图层属性将属性名显示为中文

v17.10.4

1. 修复

• 修复图层属性没显示扩展属性新增字段问题
• 图层管理-图层属性将属性名显示为中文

v17.10.3

1. 修复

• 图层管理-查看属性，统计，统计图无法显示全部柱状图
• 图层管理-图层属性，透明度显示错误
• 修复图层属性没显示扩展属性新增字段问题

v17.10.2

1. 修复

• 图层管理-查看属性，统计，统计图无法显示全部柱状图
• 图层管理-图层属性，透明度显示错误

v17.10.1

1. 修复

• 图层管理-查看属性，统计，统计图无法显示全部柱状图
• 图层管理-图层属性，透明度显示错误

v17.10.0

1. 新增

• 新增缓冲区分析组件
• 新增叠加分析组件
• 新增数据选择组件
• 新增多屏联动组件
• 新增矢量瓦片制图组件
• 新增行政区划定位组件
• 新增地名地址查询组件
• 新增拓扑分析组件
• 新增网络分析组件
• 新增坐标定位组件
• 新增图幅定位组件
• 基础标绘组件新增标注功能
• 支持国际化

2. 修复

• 修复已知问题