diff --git a/packages/theme-default/src/compass.scss b/packages/theme-default/src/compass.scss
index cba8338a7..51063cfcf 100644
--- a/packages/theme-default/src/compass.scss
+++ b/packages/theme-default/src/compass.scss
@@ -5,7 +5,7 @@
   text-align: center;
   align-items: center;
   justify-content: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 
diff --git a/packages/theme-default/src/core/variables.scss b/packages/theme-default/src/core/variables.scss
index 275c210ef..c61660f25 100644
--- a/packages/theme-default/src/core/variables.scss
+++ b/packages/theme-default/src/core/variables.scss
@@ -100,7 +100,7 @@ $z-marginals: 2000 !default;
 $z-fixed-drawer: 3000 !default;
 $z-fullscreen: 6000 !default;
 $z-menu: 6000 !default;
-$z-top: 7000 !default;
+$z-side: 7000 !default;
 $z-tooltip: 9000 !default;
 $z-notify: 9500 !default;
 $z-max: 9998 !default;
diff --git a/packages/theme-default/src/core/visibility.scss b/packages/theme-default/src/core/visibility.scss
index ad3bf817b..135b013bc 100644
--- a/packages/theme-default/src/core/visibility.scss
+++ b/packages/theme-default/src/core/visibility.scss
@@ -117,7 +117,7 @@
 }
 
 .z-top {
-  z-index: $z-top !important;
+  z-index: $z-side !important;
 }
 
 .z-max {
diff --git a/packages/theme-default/src/distance-legend.scss b/packages/theme-default/src/distance-legend.scss
index 5ae00b2da..9c5198964 100644
--- a/packages/theme-default/src/distance-legend.scss
+++ b/packages/theme-default/src/distance-legend.scss
@@ -3,7 +3,7 @@
 
 .vc-distance-legend {
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   margin-right: 5px;
   box-sizing: border-box;
   float: left;
diff --git a/packages/theme-default/src/echart-overlay.scss b/packages/theme-default/src/echart-overlay.scss
index 0a75aca03..5a55a1695 100644
--- a/packages/theme-default/src/echart-overlay.scss
+++ b/packages/theme-default/src/echart-overlay.scss
@@ -1,4 +1,4 @@
 @import './core/variables.scss';
 .vc-echart-container {
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/html-overlay.scss b/packages/theme-default/src/html-overlay.scss
index 3df1ed184..999f2c392 100644
--- a/packages/theme-default/src/html-overlay.scss
+++ b/packages/theme-default/src/html-overlay.scss
@@ -3,5 +3,5 @@
   display: none;
   position: absolute;
   // pointer-events: none;
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/my-location.scss b/packages/theme-default/src/my-location.scss
index ef8edc868..c47784806 100644
--- a/packages/theme-default/src/my-location.scss
+++ b/packages/theme-default/src/my-location.scss
@@ -3,7 +3,7 @@
 .vc-my-location {
   cursor: pointer;
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 
diff --git a/packages/theme-default/src/navigation-sm.scss b/packages/theme-default/src/navigation-sm.scss
index a60f4ee90..cc0cd60a7 100644
--- a/packages/theme-default/src/navigation-sm.scss
+++ b/packages/theme-default/src/navigation-sm.scss
@@ -10,7 +10,7 @@
   box-sizing: content-box;
   height: 300px;
   width: 128px;
-  z-index: $z-top;
+  z-index: $z-side;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -92,7 +92,7 @@
     height: 16px;
     background-image: url('./images/vc-tiltbar-sm.png');
     background-repeat: no-repeat;
-    z-index: $z-top;
+    z-index: $z-side;
   }
 
   .vc-arrows-e-sm {
diff --git a/packages/theme-default/src/navigation.scss b/packages/theme-default/src/navigation.scss
index a7830781b..f54862ad7 100644
--- a/packages/theme-default/src/navigation.scss
+++ b/packages/theme-default/src/navigation.scss
@@ -3,7 +3,7 @@
 // 导航控件
 .vc-navigation {
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   line-height: 1;
   pointer-events: none;
   .vc-navigation-controls {
diff --git a/packages/theme-default/src/overview.scss b/packages/theme-default/src/overview.scss
index dccef1018..01b8b80a7 100644
--- a/packages/theme-default/src/overview.scss
+++ b/packages/theme-default/src/overview.scss
@@ -2,7 +2,7 @@
 
 .vc-overview-map {
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   background: #f8f8f9;
   pointer-events: auto;
   transition: all 0.6s;
@@ -12,7 +12,7 @@
   }
 
   .vc-btn {
-    z-index: $z-top;
+    z-index: $z-side;
     transition: all 0.6s;
   }
 
diff --git a/packages/theme-default/src/print.scss b/packages/theme-default/src/print.scss
index 09f5988bc..c656d3839 100644
--- a/packages/theme-default/src/print.scss
+++ b/packages/theme-default/src/print.scss
@@ -3,7 +3,7 @@
 .vc-print {
   cursor: pointer;
   text-align: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }
 
diff --git a/packages/theme-default/src/selection-indicator.scss b/packages/theme-default/src/selection-indicator.scss
index 3c9bd241a..8bc6f87ae 100644
--- a/packages/theme-default/src/selection-indicator.scss
+++ b/packages/theme-default/src/selection-indicator.scss
@@ -3,5 +3,5 @@
 .vc-selection-indicator {
   pointer-events: none;
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
 }
diff --git a/packages/theme-default/src/status-bar.scss b/packages/theme-default/src/status-bar.scss
index a24e70ac6..b9b2bb026 100644
--- a/packages/theme-default/src/status-bar.scss
+++ b/packages/theme-default/src/status-bar.scss
@@ -3,7 +3,7 @@
 .vc-status-bar {
   cursor: pointer;
   position: absolute;
-  z-index: $z-top;
+  z-index: $z-side;
   margin-right: 5px;
 
   box-sizing: border-box;
diff --git a/packages/theme-default/src/zoom-control.scss b/packages/theme-default/src/zoom-control.scss
index ee53b08b2..7b7530894 100644
--- a/packages/theme-default/src/zoom-control.scss
+++ b/packages/theme-default/src/zoom-control.scss
@@ -5,7 +5,7 @@
   text-align: center;
   align-items: center;
   justify-content: center;
-  z-index: $z-top;
+  z-index: $z-side;
   pointer-events: auto;
 }