docs: updated docs

zouyaoji · Apr 15, 2022 · 7e6c918 · 7e6c918
1 parent 3a747ac
commit 7e6c918
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 18 deletions.
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -1,5 +1,14 @@
 ## 更新日志
 
+### 3.0.13
+
+#### 优化
+
+- 鹰眼组件 `vc-overview-map` 增加指示视图范围的矩形。
+- `vc-overview-map`: Add a rectangle indicating the view extent.
+
+- 修复部分组件 ts 声明错误的问题。
+
 ### 3.0.12
 
 _2022-04-12_

diff --git a/website/docs/en-US/controls/vc-overview-map.md b/website/docs/en-US/controls/vc-overview-map.md
@@ -138,6 +138,9 @@ The basic usage of the VcOverviewMap component.
 | borderRadius | string | | `optional` Specify the border radius of the overviewmap component. |
 | toggleOpts | VcBtnTooltipProps & { show: boolean } | `show: true, color: '#fff', background: '#3f4854', icon: 'vc-icons-overview-toggle', size: '15px', tooltip: { delay: 500, anchor: 'bottom middle', offset: [0, 20], tip: void 0 } }` | `optional` Specify the toggle button options of the overviewmap component. |
 | viewerOpts | VcViewerProps |`{ removeCesiumScript: false, showCredit: false, sceneMode: 2 }` | `optional` Specify the vc-viewer component options in the overviewmap component.|
+| centerRectColor | VcColor | `'#ff000080'` | `optional` Specify the center rectangle color. |
+| widthFactor | number | `2` | `optional` Specify the width factor of center rectangle. |
+| heightFactor | number | `2` | `optional` Specify the height factor of center rectangle. |
 
 :::
 

diff --git a/website/docs/zh-CN/analyses/vc-drawings.md b/website/docs/zh-CN/analyses/vc-drawings.md
@@ -41,7 +41,7 @@ ctrl + 右键取消绘制。
       :regular-drawing-opts="regularDrawingOpts"
     ></vc-drawings>
     <!-- 结合 slot 改变默认 UI，自定义绘制方法 -->
-    <!-- <vc-drawings
+    <vc-drawings
       ref="drawingsCustomRef"
       position="bottom-left"
       :main-fab-opts="mainFabOpts"
@@ -67,7 +67,7 @@ ctrl + 右键取消绘制。
           </el-row>
         </div>
       </template>
-    </vc-drawings> -->
+    </vc-drawings>
     <vc-primitive-tileset
       url="https://zouyaoji.top/vue-cesium/SampleData/Cesium3DTiles/Tilesets/dayanta/tileset.json"
       @ready-promise="onTilesetReady"

diff --git a/website/docs/zh-CN/controls/vc-overview-map.md b/website/docs/zh-CN/controls/vc-overview-map.md
@@ -20,34 +20,22 @@
     <!-- 鹰眼图示例 1 -->
     <vc-overview-map @ready="onOverviewReady" ref="overview" :offset="[5, 5]">
       <vc-layer-imagery :sort-order="10">
-        <vc-imagery-provider-urltemplate
-          :projection-transforms="projectionTransforms"
-          url="https://webst01.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}"
-        ></vc-imagery-provider-urltemplate>
+        <vc-imagery-provider-amap map-style="7" :projectionTransforms="{ from: 'GCJ02', to: 'WGS84' }"></vc-imagery-provider-amap>
       </vc-layer-imagery>
-      <vc-primitive-tileset url="https://zouyaoji.top/vue-cesium/SampleData/Cesium3DTiles/Tilesets/dayanta/tileset.json"></vc-primitive-tileset>
       <vc-entity>
         <vc-graphics-rectangle :coordinates="[130, 20, 80, 25]" material="green"></vc-graphics-rectangle>
       </vc-entity>
     </vc-overview-map>
     <!-- 鹰眼图示例 2 -->
-    <vc-overview-map position="bottom-left" width="300px" height="300px" :offset="[5, 5]" :viewer-opts="{ showCredit: true, sceneMode: 3 }">
+    <vc-overview-map position="bottom-left" width="300px" height="300px" :offset="[5, 5]">
       <vc-layer-imagery>
         <vc-imagery-provider-osm></vc-imagery-provider-osm>
       </vc-layer-imagery>
       <vc-entity>
         <vc-graphics-rectangle :coordinates="[130, 20, 80, 25]" material="green"></vc-graphics-rectangle>
       </vc-entity>
-      <!-- 鹰眼图示例 3 -->
-      <vc-overview-map position="top-left" :offset="[5, 5]">
-        <vc-layer-imagery>
-          <vc-imagery-provider-osm></vc-imagery-provider-osm>
-        </vc-layer-imagery>
-        <vc-entity>
-          <vc-graphics-rectangle :coordinates="[130, 20, 80, 25]" material="green"></vc-graphics-rectangle>
-        </vc-entity>
-      </vc-overview-map>
     </vc-overview-map>
+
     <vc-primitive-tileset url="https://zouyaoji.top/vue-cesium/SampleData/Cesium3DTiles/Tilesets/dayanta/tileset.json"></vc-primitive-tileset>
     <vc-layer-imagery :sort-order="10">
       <vc-imagery-provider-tianditu map-style="img_c" token="436ce7e50d27eede2f2929307e6b33c0"></vc-imagery-provider-tianditu>
@@ -90,7 +78,8 @@
         projectionTransforms: {
           from: 'GCJ02',
           to: 'WGS84'
-        }
+        },
+        centerRectColor: 'red'
       }
     },
     methods: {
@@ -140,6 +129,9 @@
 | borderRadius | string | | `optional` 指定鹰眼组件圆角。 |
 | toggleOpts | VcBtnTooltipProps & { show: boolean } | `show: true, color: '#fff', background: '#3f4854', icon: 'vc-icons-overview-toggle', size: '15px', tooltip: { delay: 500, anchor: 'bottom middle', offset: [0, 20], tip: void 0 } }` | `optional` 指定鹰眼组件切换按钮参数。 |
 | viewerOpts | VcViewerProps |`{ removeCesiumScript: false, showCredit: false, sceneMode: 2 }` | `optional` 指定鹰眼组件中 vc-viewer 组件参数。|
+| centerRectColor | VcColor | `'#ff000080'` | `optional` 指定矩形颜色。 |
+| widthFactor | number | `2` | `optional` 指定矩形宽度因子。 |
+| heightFactor | number | `2` | `optional` 指定矩形高度因子。 |
 
 :::