diff --git a/frontend/package.json b/frontend/package.json
index ceb7d001fa..5cdccb511b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@antv/g2plot": "^2.4.9",
+    "@antv/l7-maps": "^2.8.35",
     "@antv/s2": "^1.11.0",
     "@antv/util": "^2.0.17",
     "@riophae/vue-treeselect": "0.4.0",
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 13e4e465ac..c3fb239100 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -26,6 +26,7 @@ import '@/components/canvas/custom-component' // 注册自定义组件
 import '@/utils/DateUtil'
 import draggable from 'vuedraggable'
 import deWebsocket from '@/websocket'
+import { GaodeMap } from '@antv/l7-maps'
 Vue.config.productionTip = false
 Vue.use(VueClipboard)
 Vue.use(widgets)
@@ -35,6 +36,7 @@ Vue.prototype.$api = api
 import * as echarts from 'echarts'
 
 Vue.prototype.$echarts = echarts
+Vue.prototype.$gaodeMap = GaodeMap
 
 import UmyUi from 'umy-ui'
 Vue.use(UmyUi)
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index d3b3752e6a..c1a934eefd 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -819,3 +819,11 @@ div:focus {
     font-weight: 800;
     color: #F56C6C;
 }
+.amap-container{
+  // position: inherit !important;
+  right: 0px;
+}
+.l7-scene {
+  // position: relative !important;
+  right: 0px;
+}