@mapgis/webclient-vue-cesium 10.5.5-3 → 10.5.5-5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/README.md +46 -49
  2. package/dist-libs/webclient-vue-cesium.common.js +191087 -0
  3. package/dist-libs/webclient-vue-cesium.css +1 -1
  4. package/dist-libs/webclient-vue-cesium.umd.js +191097 -0
  5. package/dist-libs/webclient-vue-cesium.umd.min.js +28 -28
  6. package/docs/.vuepress/config.js +44 -45
  7. package/docs/api/ui/measure.md +82 -10
  8. package/docs/guide/README.md +26 -29
  9. package/docs/guide/basemap.md +13 -13
  10. package/docs/guide/markers&popups.md +46 -53
  11. package/docs/version/diff.md +4 -4
  12. package/docs/version/version.md +81 -0
  13. package/package.json +3 -3
  14. package/src/components/M3D/M3d.vue +26 -31
  15. package/src/components/UI/Controls/Legend/Legend.vue +55 -51
  16. package/src/components/UI/Controls/Measure/Measure.vue +32 -8
package/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## 简介
6
6
 
7
- webclient-vue-cesium是基于Cesium的vue组件开发库，提供构建Web三维GIS应用的常用vue组件。
7
+ webclient-vue-cesium 是基于 Cesium 的 vue 组件开发库，提供构建 Web 三维 GIS 应用的常用 vue 组件。
8
8
 
9
9
  ### 模块说明
10
10
 
@@ -12,11 +12,11 @@ webclient-vue-cesium是基于Cesium的vue组件开发库，提供构建Web三维
12
12
 
13
13
  ### 特点
14
14
 
15
- + 组件式风格
15
+ - 组件式风格
16
16
 
17
- 通过Vue的组件方式调用layers, markers, popups， 并且使用同步props `synchronized props` 来控制状态
17
+ 通过 Vue 的组件方式调用 layers, markers, popups， 并且使用同步 props `synchronized props` 来控制状态
18
18
 
19
- + Vue 控制
19
+ - Vue 控制
20
20
 
21
21
  `面向对象编程`：地图元素拥有 Vue 的生命周期，将原生地图事件封装成 Vue 的事件
22
22
 
@@ -33,7 +33,7 @@ yarn add @mapgis/webclient-vue-cesium
33
33
  在 main.js 中全局引入组件
34
34
 
35
35
  ```js
36
- import '@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css';
36
+ import "@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css";
37
37
 
38
38
  import MapgisUi from "@mapgis/webclient-vue-ui";
39
39
  import Mapgis3d from "@mapgis/webclient-vue-cesium";
@@ -44,13 +44,12 @@ Vue.use(Mapgis3d);
44
44
 
45
45
  ---
46
46
 
47
- ## cesium库引入
47
+ ## cesium 库引入
48
48
 
49
49
  > webclient-vue-cesium 依赖 `@mapgis/cesium`，安装`@mapgis/webclient-vue-cesium`的时候会自动安装依赖`@mapgis/cesium`，`@mapgis/cesium`的包结构展示如下：
50
- >
50
+ >
51
51
  > ![代码结构](./docs/guide/cesium_dist.png)
52
52
 
53
-
54
53
  将上述 cesium 文件夹统一拷贝到你的 vue 工程对应的 public 文件夹下的某个目录中，记录对应的路径为
55
54
 
56
55
  ```sh
@@ -59,7 +58,7 @@ Vue.use(Mapgis3d);
59
58
  # 主Cesium主体路径
60
59
  $path/cesium/dist/Cesium.js # public/cesium/dist/Cesium.js
61
60
  # Cesium拓展插件路径
62
- $path/cesium/dist/webclient-cesium-plugins.js # public/cesium/dist/webclient-cesium-plugins.js
61
+ $path/cesium/dist/webclient-cesium-plugin.min.js # public/cesium/dist/webclient-cesium-plugin.min.js
63
62
  ```
64
63
 
65
64
  WebClient-Vue-Cesium 组件使用以上两个文件的方式如下所示:
@@ -69,7 +68,7 @@ WebClient-Vue-Cesium 组件使用以上两个文件的方式如下所示:
69
68
  <mapgis-web-scene
70
69
  ref="webgloberef"
71
70
  libPath="$path/cesium/dist/Cesium.js"
72
- pluginPath="$path/cesium/dist/webclient-cesium-plugins.js"
71
+ pluginPath="$path/cesium/dist/webclient-cesium-plugin.min.js"
73
72
  >
74
73
  <mapgis-3d-igs-tile-layer />
75
74
  </mapgis-web-scene>
@@ -94,25 +93,24 @@ WebClient-Vue-Cesium 组件使用以上两个文件的方式如下所示:
94
93
 
95
94
  ## 相关链接
96
95
 
97
- + [基本示例](http://develop.smaryun.com:8899/#/gallery/vue-cesium)
98
- + [参考文档](http://120.78.82.242:8892/)
99
- + [项目源码](https://github.com/MapGIS/WebClient-Vue/tree/main/cesium)
96
+ - [基本示例](http://develop.smaryun.com:8899/#/gallery/vue-cesium)
97
+ - [参考文档](http://120.78.82.242:8892/)
98
+ - [项目源码](https://github.com/MapGIS/WebClient-Vue/tree/main/cesium)
100
99
 
101
100
  ---
102
101
 
103
102
  ## 项目依赖
104
103
 
105
- + [Vue.js 2.5+](https://github.com/vuejs/vue)
106
- + [MapGIS/Cesium 1.0+](https://www.npmjs.com/package/@mapgis/cesium)
107
-
104
+ - [Vue.js 2.5+](https://github.com/vuejs/vue)
105
+ - [MapGIS/Cesium 1.0+](https://www.npmjs.com/package/@mapgis/cesium)
108
106
 
109
107
  [comment]: <> (::: tip 目的)
110
108
 
111
- [comment]: <> (> 用于开发Vue版本的一张图 `Vue-OneMap`)
109
+ [comment]: <> (> 用于开发 Vue 版本的一张图 `Vue-OneMap`)
112
110
 
113
111
  [comment]: <> (>)
114
112
 
115
- [comment]: <> (> 用于开发Vue版本的工作空间 `Vue-WorkSpace`)
113
+ [comment]: <> (> 用于开发 Vue 版本的工作空间 `Vue-WorkSpace`)
116
114
 
117
115
  [comment]: <> (:::)
118
116
 
@@ -120,31 +118,31 @@ WebClient-Vue-Cesium 组件使用以上两个文件的方式如下所示:
120
118
 
121
119
  [comment]: <> (<template>)
122
120
 
123
- [comment]: <> ( <cesium-web-globe)
121
+ [comment]: <> ( <cesium-web-globe)
124
122
 
125
- [comment]: <> ( libPath="statics/cesium/Cesium.js")
123
+ [comment]: <> ( libPath="statics/cesium/Cesium.js")
126
124
 
127
- [comment]: <> ( pluginPath="statics/cesium/webclient-cesium-plugins.js")
125
+ [comment]: <> ( pluginPath="statics/cesium/webclient-cesium-plugin.min.js")
128
126
 
129
- [comment]: <> ( class="onemap-cesium-map")
127
+ [comment]: <> ( class="onemap-cesium-map")
130
128
 
131
- [comment]: <> ( >)
129
+ [comment]: <> ( >)
132
130
 
133
- [comment]: <> ( <cesium-igs-tile-layer)
131
+ [comment]: <> ( <cesium-igs-tile-layer)
134
132
 
135
- [comment]: <> ( :url="layer.url")
133
+ [comment]: <> ( :url="layer.url")
136
134
 
137
- [comment]: <> ( />)
135
+ [comment]: <> ( />)
138
136
 
139
- [comment]: <> ( <cesium-igs-doc-layer)
137
+ [comment]: <> ( <cesium-igs-doc-layer)
140
138
 
141
- [comment]: <> ( :show="l.show")
139
+ [comment]: <> ( :show="l.show")
142
140
 
143
- [comment]: <> ( :url="layer.url")
141
+ [comment]: <> ( :url="layer.url")
144
142
 
145
- [comment]: <> ( />)
143
+ [comment]: <> ( />)
146
144
 
147
- [comment]: <> ( </cesium-web-globe>)
145
+ [comment]: <> ( </cesium-web-globe>)
148
146
 
149
147
  [comment]: <> (</template>)
150
148
 
@@ -152,47 +150,46 @@ WebClient-Vue-Cesium 组件使用以上两个文件的方式如下所示:
152
150
 
153
151
  [comment]: <> (import {)
154
152
 
155
- [comment]: <> ( CesiumWebGlobe,)
153
+ [comment]: <> ( CesiumWebGlobe,)
156
154
 
157
- [comment]: <> ( CesiumIgsDocLayer,)
155
+ [comment]: <> ( CesiumIgsDocLayer,)
158
156
 
159
- [comment]: <> ( CesiumIgsTileLayer,)
157
+ [comment]: <> ( CesiumIgsTileLayer,)
160
158
 
161
159
  [comment]: <> (} from '@mapgis/webclient-vue-cesium';)
162
160
 
163
161
  [comment]: <> (export default {)
164
162
 
165
- [comment]: <> ( name: 'App',)
163
+ [comment]: <> ( name: 'App',)
166
164
 
167
- [comment]: <> ( data&#40;&#41; {)
165
+ [comment]: <> ( data&#40;&#41; {)
168
166
 
169
- [comment]: <> ( return {)
167
+ [comment]: <> ( return {)
170
168
 
171
- [comment]: <> ( layer: {)
169
+ [comment]: <> ( layer: {)
172
170
 
173
- [comment]: <> ( url: "http://localhost:6163/igs/rest/mrms/docs/EPSG_4326_WORLD",)
171
+ [comment]: <> ( url: "http://localhost:6163/igs/rest/mrms/docs/EPSG_4326_WORLD",)
174
172
 
175
- [comment]: <> ( show: true,)
173
+ [comment]: <> ( show: true,)
176
174
 
177
- [comment]: <> ( })
175
+ [comment]: <> ( })
178
176
 
179
- [comment]: <> ( })
177
+ [comment]: <> ( })
180
178
 
181
- [comment]: <> ( },)
179
+ [comment]: <> ( },)
182
180
 
183
- [comment]: <> ( components: {)
181
+ [comment]: <> ( components: {)
184
182
 
185
- [comment]: <> ( CesiumWebGlobe,)
183
+ [comment]: <> ( CesiumWebGlobe,)
186
184
 
187
- [comment]: <> ( CesiumIgsDocLayer,)
185
+ [comment]: <> ( CesiumIgsDocLayer,)
188
186
 
189
- [comment]: <> ( CesiumIgsTileLayer,)
187
+ [comment]: <> ( CesiumIgsTileLayer,)
190
188
 
191
- [comment]: <> ( },)
189
+ [comment]: <> ( },)
192
190
 
193
191
  [comment]: <> (})
194
192
 
195
193
  [comment]: <> (</script>)
196
194
 
197
195
  [comment]: <> (```)
198
-