From e1f151ed3e8e5b3b781fa7a71967ef737dccbb03 Mon Sep 17 00:00:00 2001 From: gu <407042815@qq.com> Date: Tue, 7 Feb 2023 19:50:52 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8C=BA=E5=88=92?= =?UTF-8?q?=E8=81=9A=E5=90=88=E5=9B=BE=E5=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 3 + docs/.vuepress/data/config.json | 2 +- .../component/layer/data/district-cluster.md | 30 ++++++ package.json | 1 + pnpm-lock.yaml | 23 +++-- src/packages/index.ts | 1 + .../data/DistrictCluster/DistrictCluster.vue | 53 ++++++++++ .../layer/data/DistrictCluster/index.ts | 5 + src/vue-map/component.ts | 4 +- src/vue-map/package-template.json | 5 +- test/router/index.ts | 2 + test/views/layer/DistrictCluster.vue | 97 +++++++++++++++++++ typings/global.d.ts | 5 +- 13 files changed, 219 insertions(+), 12 deletions(-) create mode 100644 ide-api/component/layer/data/district-cluster.md create mode 100644 src/packages/layer/data/DistrictCluster/DistrictCluster.vue create mode 100644 src/packages/layer/data/DistrictCluster/index.ts create mode 100644 test/views/layer/DistrictCluster.vue diff --git a/CHANGELOG.md b/CHANGELOG.md index e845c26..3577deb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,6 @@ +### v1.1.21 +* 增加区划聚合图层 + ### v1.1.20 * searchbox组件增加placeholder属性 diff --git a/docs/.vuepress/data/config.json b/docs/.vuepress/data/config.json index c65a10d..c3c9b19 100644 --- a/docs/.vuepress/data/config.json +++ b/docs/.vuepress/data/config.json @@ -1 +1 @@ -{"publishDate":"2022-12-28"} \ No newline at end of file +{"publishDate":"2023-02-07"} \ No newline at end of file diff --git a/ide-api/component/layer/data/district-cluster.md b/ide-api/component/layer/data/district-cluster.md new file mode 100644 index 0000000..069ad62 --- /dev/null +++ b/ide-api/component/layer/data/district-cluster.md @@ -0,0 +1,30 @@ +--- +title: AmapLayerDistrictCluster +--- + +# AmapLayerDistrictCluster +高德地图的区划聚合图层，图层基于AMapUI的区划插件改造实现 + +## Attributes + +| Attribute | Type | Description +|-------------|---------------|--------------------------------------------------------------------- +zIndex | Number | 图层的层级，默认为 10 +visible | Boolean | 图层是否可见，默认为 true +data | Array | 数据源数组，每个元素即为点相关的信息 +getPosition | Function | 返回数据项中的经纬度信息 +autoSetFitView | Boolean | 是否在绘制后自动调整地图视野以适合全部点，默认true +topAdcodes | number[] | 顶层区划的adcode列表。默认为[100000]，即全国范围.假如仅需要展示河北和北京，可以设置为[130000, 110000], +excludedAdcodes | number[] | 需要排除的区划的adcode列表 +renderOptions | RenderOptions | 绘制的引擎的参数 + +## Events + +Event Name | Parameters | Description +---|---|---| +init | AMap.DistrictCluster | 实例初始化结束 +featureClick | event, feature | 鼠标点击feature对应的区域时触发 +featureMouseover | event, feature | 鼠标移入feature对应的区域时触发 +featureMouseout | event, feature | 鼠标移出feature对应的区域时触发 +clusterMarkerClick | event, record: { adcode:number,feature:Feature,dataItems:Array} | 鼠标点击聚合标注时触发 + diff --git a/package.json b/package.json index 031369d..c3e9ee6 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "@vue-map/packages": "workspace:*", "@vue-map/services": "workspace:*", "@vuemap/layer-3dtiles": "^0.0.3", + "@vuemap/district-cluster": "^0.0.4", "color": "^4.2.3", "lodash-es": "^4.17.21", "three": "0.143.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e68aa5e..3b15a81 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -27,6 +27,7 @@ importers: '@vue-map/packages': workspace:* '@vue-map/services': workspace:* '@vue/compiler-sfc': 3.2.37 + '@vuemap/district-cluster': ^0.0.4 '@vuemap/layer-3dtiles': ^0.0.3 color: ^4.2.3 components-helper: ^1.0.5 @@ -63,6 +64,7 @@ importers: '@vue-map/mixins': link:src/mixins '@vue-map/packages': link:src/packages '@vue-map/services': link:src/services + '@vuemap/district-cluster': 0.0.4 '@vuemap/layer-3dtiles': 0.0.3_@amap+three-layer@0.0.4 color: 4.2.3 lodash-es: 4.17.21 @@ -263,6 +265,10 @@ packages: resolution: {integrity: sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==} dev: false + /@amap/amap-jsapi-types/0.0.10: + resolution: {integrity: sha512-znvqLGPBy9NRCr1/3650o9vL1aYl/f1YK0+UGn8lBUvHJXND6uMDJGJsl43cEYglw9/tblwIRxjm4pIotOvSCQ==} + dev: false + /@amap/amap-jsapi-types/0.0.8: resolution: {integrity: sha512-q0FyZDIJcXjsMLGc3oS9rjfJsErOvt9rcp6AgzY4k14vo7bBhdq4eKwoSdVp/pYjR/rfaKBns5v10ycZOFwf/A==} dev: false @@ -1157,7 +1163,6 @@ packages: /@turf/helpers/6.5.0: resolution: {integrity: sha512-VbI1dV5bLFzohYYdgqwikdMVpe7pJ9X3E+dlr425wa2/sMJqYDhTO++ec38/pcPvPE6oD9WEEeU3Xu3gza+VPw==} - dev: true /@turf/hex-grid/6.5.0: resolution: {integrity: sha512-Ln3tc2tgZT8etDOldgc6e741Smg1CsMKAz1/Mlel+MEL5Ynv2mhx3m0q4J9IB1F3a4MNjDeVvm8drAaf9SF33g==} @@ -1190,13 +1195,11 @@ packages: '@turf/helpers': 6.5.0 '@turf/invariant': 6.5.0 polygon-clipping: 0.15.3 - dev: true /@turf/invariant/6.5.0: resolution: {integrity: sha512-Wv8PRNCtPD31UVbdJE/KVAWKe7l6US+lJItRR/HOEW3eh+U/JwRCSUl/KZ7bmjM/C+zLNoreM2TU6OoLACs4eg==} dependencies: '@turf/helpers': 6.5.0 - dev: true /@turf/isobands/6.5.0: resolution: {integrity: sha512-4h6sjBPhRwMVuFaVBv70YB7eGz+iw0bhPRnp+8JBdX1UPJSXhoi/ZF2rACemRUr0HkdVB/a1r9gC32vn5IAEkw==} @@ -2187,6 +2190,16 @@ packages: resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==} dev: true + /@vuemap/district-cluster/0.0.4: + resolution: {integrity: sha512-PVbJgZeoOtu53idletLSqG8KnQ+iQKlonBy3oSKrAPljHpLtam9wCuSyCBNVgfnlJ8kdDricOkoJ0W6mCIwZiQ==} + engines: {node: '>= 16'} + dependencies: + '@amap/amap-jsapi-types': 0.0.10 + '@turf/helpers': 6.5.0 + '@turf/intersect': 6.5.0 + topojson-client: 3.1.0 + dev: false + /@vuemap/layer-3dtiles/0.0.3_@amap+three-layer@0.0.4: resolution: {integrity: sha512-3ok0a7WNRBYnFdIev4JG32UTiOGac6YfsLUCyhTyAST0Y+4ZjcGZG5LqTqx4id8371i0BVy9qGwgy3D5ih64vQ==} engines: {node: '>= 16'} @@ -3473,7 +3486,6 @@ packages: /commander/2.20.3: resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} - dev: true /commander/4.1.1: resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==} @@ -7201,7 +7213,6 @@ packages: resolution: {integrity: sha512-ho0Xx5DLkgxRx/+n4O74XyJ67DcyN3Tu9bGYKsnTukGAW6ssnuak6Mwcyb1wHy9MZc9xsUWqIoiazkZB5weECg==} dependencies: splaytree: 3.1.1 - dev: true /posix-character-classes/0.1.1: resolution: {integrity: sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=} @@ -8007,7 +8018,6 @@ packages: /splaytree/3.1.1: resolution: {integrity: sha512-9FaQ18FF0+sZc/ieEeXHt+Jw2eSpUgUtTLDYB/HXKWvhYVyOc7h1hzkn5MMO3GPib9MmXG1go8+OsBBzs/NMww==} - dev: true /split-string/3.1.0: resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==} @@ -8347,7 +8357,6 @@ packages: hasBin: true dependencies: commander: 2.20.3 - dev: true /topojson-server/3.0.1: resolution: {integrity: sha512-/VS9j/ffKr2XAOjlZ9CgyyeLmgJ9dMwq6Y0YEON8O7p/tGGk+dCWnrE03zEdu7i4L7YsFZLEPZPzCvcB7lEEXw==} diff --git a/src/packages/index.ts b/src/packages/index.ts index 0e2446b..cf3e124 100644 --- a/src/packages/index.ts +++ b/src/packages/index.ts @@ -14,6 +14,7 @@ export * from './layer/data/HeatMap' export * from './layer/data/Image' export * from './layer/data/Labels' export * from './layer/data/Vector' +export * from './layer/data/DistrictCluster' export * from './layer/official/Buildings' export * from './layer/official/DefaultLayer' export * from './layer/official/DistrictLayer' diff --git a/src/packages/layer/data/DistrictCluster/DistrictCluster.vue b/src/packages/layer/data/DistrictCluster/DistrictCluster.vue new file mode 100644 index 0000000..18f3b4b --- /dev/null +++ b/src/packages/layer/data/DistrictCluster/DistrictCluster.vue @@ -0,0 +1,53 @@ + diff --git a/src/packages/layer/data/DistrictCluster/index.ts b/src/packages/layer/data/DistrictCluster/index.ts new file mode 100644 index 0000000..93d77f4 --- /dev/null +++ b/src/packages/layer/data/DistrictCluster/index.ts @@ -0,0 +1,5 @@ +import { withInstall } from '../../../../utils/with-install' +import DistrictCluster from './DistrictCluster.vue' + +export const ElAmapLayerDistrictCluster = withInstall(DistrictCluster) +export default ElAmapLayerDistrictCluster diff --git a/src/vue-map/component.ts b/src/vue-map/component.ts index e8bd8e4..3d2dd3e 100644 --- a/src/vue-map/component.ts +++ b/src/vue-map/component.ts @@ -71,6 +71,7 @@ import {ElAmapThreeLightSpot} from '@vue-map/packages/three/ThreeLightSpot' import {ElAmapThreePolygon} from '@vue-map/packages/three/ThreePolygon' import {ElAmapMouseTool} from '@vue-map/packages/util/MouseTool' import {ElAmapThreeTiles3d} from '@vue-map/packages/three/Three3Dtiles' +import {ElAmapLayerDistrictCluster} from '@vue-map/packages/layer/data/DistrictCluster' import type { Plugin } from 'vue' @@ -147,5 +148,6 @@ export default [ ElAmapThreeLightSpot, ElAmapThreePolygon, ElAmapMouseTool, - ElAmapThreeTiles3d + ElAmapThreeTiles3d, + ElAmapLayerDistrictCluster ] as Plugin[] diff --git a/src/vue-map/package-template.json b/src/vue-map/package-template.json index 2bc72ac..baf782c 100644 --- a/src/vue-map/package-template.json +++ b/src/vue-map/package-template.json @@ -1,6 +1,6 @@ { "name": "@vuemap/vue-amap", - "version": "1.1.20", + "version": "1.1.21", "description": "amap vue3", "keywords": [ "vue-amap", @@ -45,7 +45,8 @@ "uppercamelcase": "^1.1.0", "color": "^4.2.3", "@amap/three-layer": "^0.0.4", - "@vuemap/layer-3dtiles": "^0.0.3" + "@vuemap/layer-3dtiles": "^0.0.3", + "@vuemap/district-cluster": "^0.0.4" }, "devDependencies": { }, diff --git a/test/router/index.ts b/test/router/index.ts index 4345f6d..bfcb5aa 100644 --- a/test/router/index.ts +++ b/test/router/index.ts @@ -44,6 +44,7 @@ import ThreeVideo from "../views/three/ThreeVideo.vue"; import ThreePolygon from '../views/three/Polygon.vue' import MouseTool from "../views/util/MouseTool.vue"; import ThreeTiles3d from "../views/three/Tiles3d.vue"; +import DistrictCluster from "../views/layer/DistrictCluster.vue"; export const routes = [ {path: '/',name: '地图', component: Map}, @@ -54,6 +55,7 @@ export const routes = [ {path: '/layer/flexible',name: '灵活切片图层', component: Flexible}, {path: '/layer/heatMap',name: '热力图', component: HeatMap}, {path: '/layer/image',name: '图片图层', component: Image}, + {path: '/util/districtCluster', name: '区划聚合图层', component: DistrictCluster}, {path: '/layer/official',name: '官方图层', component: Official}, {path: '/layer/standard',name: '标准图层', component: Standard}, {path: '/loca/grid',name: 'loca网格图', component: Grid}, diff --git a/test/views/layer/DistrictCluster.vue b/test/views/layer/DistrictCluster.vue new file mode 100644 index 0000000..6abd5f1 --- /dev/null +++ b/test/views/layer/DistrictCluster.vue @@ -0,0 +1,97 @@ + + + + + diff --git a/typings/global.d.ts b/typings/global.d.ts index 5ac02c7..61cfab7 100644 --- a/typings/global.d.ts +++ b/typings/global.d.ts @@ -1,4 +1,6 @@ // GlobalComponents for Volar +import ElAmapLayerDistrictCluster from "@vue-map/packages/layer/data/DistrictCluster"; + declare module '@vue/runtime-core' { export interface GlobalComponents { ElAmap: typeof import('@vuemap/vue-amap')['ElAmap'], @@ -71,7 +73,8 @@ declare module '@vue/runtime-core' { ElAmapThreeVideo: typeof import('@vuemap/vue-amap')['ElAmapThreeVideo'], ElAmapLayerVideo: typeof import('@vuemap/vue-amap')['ElAmapLayerVideo'], ElAmapMouseTool: typeof import('@vuemap/vue-amap')['ElAmapMouseTool'], - ElAmapThreeTiles3d: typeof import('@vuemap/vue-amap')['ElAmapThreeTiles3d'] + ElAmapThreeTiles3d: typeof import('@vuemap/vue-amap')['ElAmapThreeTiles3d'], + ElAmapLayerDistrictCluster: typeof import('@vuemap/vue-amap')['ElAmapLayerDistrictCluster'] } } -- Gitee From c0e44f705dcc37daa8ee219cf5250b0796a5a5bc Mon Sep 17 00:00:00 2001 From: gu <407042815@qq.com> Date: Tue, 7 Feb 2023 20:08:58 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=8C=BA=E5=88=92?= =?UTF-8?q?=E8=81=9A=E5=90=88=E5=9B=BE=E5=B1=82=E7=9A=84=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../examples/layer/data/district-cluster.vue | 75 +++++++++++ docs/.vuepress/sidebar.ts | 3 +- docs/package.json | 2 +- .../component/layer/data/district-cluster.md | 119 ++++++++++++++++++ pnpm-lock.yaml | 9 +- 5 files changed, 202 insertions(+), 6 deletions(-) create mode 100644 docs/.vuepress/components/examples/layer/data/district-cluster.vue create mode 100644 docs/zh-cn/component/layer/data/district-cluster.md diff --git a/docs/.vuepress/components/examples/layer/data/district-cluster.vue b/docs/.vuepress/components/examples/layer/data/district-cluster.vue new file mode 100644 index 0000000..01dffe1 --- /dev/null +++ b/docs/.vuepress/components/examples/layer/data/district-cluster.vue @@ -0,0 +1,75 @@ + + + + diff --git a/docs/.vuepress/sidebar.ts b/docs/.vuepress/sidebar.ts index bb8217a..61de60f 100644 --- a/docs/.vuepress/sidebar.ts +++ b/docs/.vuepress/sidebar.ts @@ -68,7 +68,8 @@ export default [ '/zh-cn/component/layer/data/canvas.md', '/zh-cn/component/layer/data/video.md', '/zh-cn/component/layer/data/gl-custom.md', - '/zh-cn/component/layer/data/tiles3d.md' + '/zh-cn/component/layer/data/tiles3d.md', + '/zh-cn/component/layer/data/district-cluster.md' ], }, { diff --git a/docs/package.json b/docs/package.json index 28df09a..4630c43 100644 --- a/docs/package.json +++ b/docs/package.json @@ -11,7 +11,7 @@ "dependencies": { "@vueuse/core": "7.2.2", "clipboard-copy": "4.0.1", - "@vuemap/vue-amap": "1.1.20" + "@vuemap/vue-amap": "1.1.21" }, "devDependencies": { "@types/markdown-it": "12.2.3", diff --git a/docs/zh-cn/component/layer/data/district-cluster.md b/docs/zh-cn/component/layer/data/district-cluster.md new file mode 100644 index 0000000..493bcee --- /dev/null +++ b/docs/zh-cn/component/layer/data/district-cluster.md @@ -0,0 +1,119 @@ +--- +title: 区划聚合图层 +description: AMap.DistrictCluster 高德地图的区划聚合图层，图层基于AMapUI的区划插件改造实现 +head: + - - meta + - name: keywords + content: amap, 高德地图, vue3.0, 区划聚合图层, AMap.DistrictCluster +--- + +# 区划聚合图层 +高德地图的区划聚合图层，图层基于AMapUI的区划插件改造实现。[插件文档](https://github.com/yangyanggu/amap-district-cluster) + +## 基础示例 + +::: demo +examples/layer/data/district-cluster +::: + +## 静态属性 +仅且可以初始化配置，不支持响应式。 + +| 名称 | 类型 | 说明 | +|-----------------|-------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| getPosition | (dataItem: any, dataIndex: number) => AMap.LngLatLike | 返回数据项中的经纬度信息 | +| autoSetFitView | Boolean | 是否在绘制后自动调整地图视野以适合全部点，默认true | +| topAdcodes | number[] | 顶层区划的adcode列表。（[TXT](https://webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/assets/d_v1/area_tree.txt)，[JSON](https://webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/assets/d_v1/area_tree.json)）默认为[100000]，即全国范围.假如仅需要展示河北和北京，可以设置为[130000, 110000], | +| excludedAdcodes | number[] | 需要排除的区划的adcode列表 | +| renderOptions | RenderOptions | 绘制的引擎的参数，参数列表见[下面](#RenderOptions参数说明) | + +###### RenderOptions参数说明 +| 属性名 | 属性类型 | 属性描述 | +|--------------------------------------|--------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------| +| minHeightToShowSubFeatures | Number | 父级区划的最小显示高度，默认630 | +| minSiblingAvgHeightToShowSubFeatures | Number | 父级区划的同级兄弟区划的最小平均显示高度，默认600 | +| minSubAvgHeightToShowSubFeatures | Number | 子级区划的最小平均显示高度，默认300, 当上面3个条件同时满足时，切换到子级显示 | +| featureStyleByLevel | FeatureStyleByLevelOption | 按区划级别（如下4类）定义的区划面样式 ```{country: FeatureStyle, province: FeatureStyle, city: FeatureStyle, district: FeatureStyle} ```, [默认值](#featureStyleByLevel默认值) | +| minHeightToShowSubFeatures | Number | 父级区划的最小显示高度，默认630 | +| areaNodeCacheLimit | Number | AreaNode缓存的数量，默认-1，即不限制 | +| getFeatureStyle | (feature: any, dataItems: any[]) => StyleOption | 直接指定某个区划的样式，优先级最高 | +| zooms | [Number, Number] | 绘制的层级范围，默认 [2, 30] | +| renderPolygon | (feature: any, dataItems: any[]) => AMap.Polygon | 自定义绘制多边形 | +| renderClusterMarker | (feature: any, dataItems: any[]) => AMap.Marker | 自定义绘制聚合标号 | +| clusterMarkerEventSupport | Boolean | 聚合标注是否开启事件支持，默认true。 | +| clusterMarkerClickToShowSub | Boolean | 点击聚合标注是否触发展示子级区划（即调用 zoomToShowSubFeatures 方法），默认true | +| featureEventSupport | Boolean | 区划面是否开启事件支持，默认true | +| featureClickToShowSub | Boolean | 点击区划面是否触发进入子级区划，默认false | + +###### FeatureStyle参数说明 +| 属性名 | 属性类型 | 属性描述 | +| ---- |--------|-----------------------------------| +| strokeColor | String | 线条颜色，使用16进制颜色代码赋值。 | +| strokeOpacity | Number | 轮廓线透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明 | +| strokeWeight | Number | 轮廓线宽度 | +| fillColor | String | 多边形填充颜色，使用16进制颜色代码赋值 | +| fillOpacity | Number | 多边形填充透明度，取值范围 [0,1] ，0表示完全透明，1表示不透明 | + + +###### featureStyleByLevel默认值 +```js +{ + country: { + strokeColor: 'rgb(31, 119, 180)', + strokeOpacity: 0.9, + strokeWeight: 2, + fillColor: 'rgb(49, 163, 84)', + fillOpacity: 0.8 + }, + province: { + strokeColor: 'rgb(31, 119, 180)', + strokeOpacity: 0.9, + strokeWeight: 2, + fillColor: 'rgb(116, 196, 118)', + fillOpacity: 0.7 + }, + city: { + strokeColor: 'rgb(31, 119, 180)', + strokeOpacity: 0.9, + strokeWeight: 2, + fillColor: 'rgb(161, 217, 155)', + fillOpacity: 0.6 + }, + district: { + strokeColor: 'rgb(31, 119, 180)', + strokeOpacity: 0.9, + strokeWeight: 2, + fillColor: 'rgb(199, 233, 192)', + fillOpacity: 0.5 + } +} +``` + + +## 动态属性 +支持响应式。 + +| 名称 | 类型 | 说明 | +|---------|---------|--------------------| +| zIndex | Number | 图层的层级，默认为 10 | +| visible | Boolean | 图层是否可见，默认为 true | +| data | Array | 数据源数组，每个元素即为点相关的信息 | + + +## ref 可用方法 +提供无副作用的同步帮助方法 + +函数 | 返回 | 说明 +---|---|---| +$$getInstance() | AMap.CanvasLayer | 获取实例 + +## 事件 + +| 事件 | 参数 | 说明 | +|--------------------|-----------------------------------------------------------------|---------------------| +| init | AMap.DistrictCluster | 实例初始化结束 | +| featureClick | event, feature | 鼠标点击feature对应的区域时触发 | +| featureMouseover | event, feature | 鼠标移入feature对应的区域时触发 | +| featureMouseout | event, feature | 鼠标移出feature对应的区域时触发 | +| clusterMarkerClick | event, record: { adcode:number,feature:Feature,dataItems:Array} | 鼠标点击聚合标注时触发 | + diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3b15a81..d24c5d1 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -116,7 +116,7 @@ importers: docs: specifiers: '@types/markdown-it': 12.2.3 - '@vuemap/vue-amap': 1.1.20 + '@vuemap/vue-amap': 1.1.21 '@vuepress/plugin-docsearch': v2.0.0-beta.48 '@vuepress/plugin-register-components': v2.0.0-beta.48 '@vueuse/core': 7.2.2 @@ -128,7 +128,7 @@ importers: sitemap: ^7.0.0 vuepress: 2.0.0-beta.48 dependencies: - '@vuemap/vue-amap': 1.1.20 + '@vuemap/vue-amap': 1.1.21 '@vueuse/core': 7.2.2 clipboard-copy: 4.0.1 devDependencies: @@ -2212,14 +2212,15 @@ packages: three: 0.143.0 dev: false - /@vuemap/vue-amap/1.1.20: - resolution: {integrity: sha512-/prAzJZd8sl7UgrTU7/sy4/bwKed59Z6RUPVWDR7sI4AYtDa9psvcjLCCHDiP8+DJzowqy5Qs/76k3UR6vy0ZA==} + /@vuemap/vue-amap/1.1.21: + resolution: {integrity: sha512-C5BkfQ/x7xjg+gOsbPV0lzPUXzQNnfezYMDFGcuGlp75DYX8UC1YbNfkIJDSHqFZv/M+YjXzxEaK6bP5w6ZTGQ==} peerDependencies: vue: ^3.2.0 dependencies: '@amap/amap-jsapi-loader': 1.0.1 '@amap/three-layer': 0.0.4 '@tweenjs/tween.js': 18.6.4 + '@vuemap/district-cluster': 0.0.4 '@vuemap/layer-3dtiles': 0.0.3_@amap+three-layer@0.0.4 color: 4.2.3 lodash-es: 4.17.21 -- Gitee