t

src/views/pms/voltage-sags/overview.vue

@@ -1,28 +1,20 @@
 <template>
-  <div style="height: 500px;">
-    <el-amap
-        view-mode="3D"
-        :pitch="50"
-        :center="center"
-        :zoom="zoom"
-    >
-      <el-amap-layer-tile :tile-url="url"/>
-   
+    <el-amap :center="center" :zoom="zoom" style="height: 100%; width: 100%">
+        <el-amap-layer-tile :tile-url="url" />
     </el-amap>
-  </div>
 </template>
 
-<script setup>
-  import {ElAmap, ElAmapLayerTile} from '@vuemap/vue-amap'
-  import {ref} from "vue";
-
-  const center = ref([120, 31]);
-  const zoom = ref(14)
-
-  const url = 'https://wprd0{1,2,3,4}.is.autonavi.com/appmaptile?x=[x]&y=[y]&z=[z]&size=1&scl=1&style=8&ltype=11'
+<script lang="ts" setup>
+import { ElAmap, ElAmapLayerTile } from '@vuemap/vue-amap'
+import { ref } from 'vue'
 
+const center = ref([121.59996, 31.197646])
+const zoom = ref(6)
 
+const url = location.origin + '/map/[z]/[x]/[y]/tile.png'
+console.log('====================================')
+console.log(url)
+console.log('====================================')
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>