地图

digital-park-web/digital-park/src/views/index/Index.vue

@@ -6,7 +6,7 @@
             <product></product>
             <service></service>
             <advantage></advantage>
-            <park-map></park-map>
+            <park-map v-if="address" :address="address"></park-map>
             <Footer></Footer>
             <slide-nav :navLists="indexTab"></slide-nav>
         </div>
@@ -68,6 +68,7 @@ export default {
                 },
             ],
             parkInfo: null,
+            address: null,
         };
     },
     computed: {},
@@ -82,6 +83,10 @@ export default {
                     console.log(res.data);
                     if (res.data.status == 0) {
                         this.parkInfo = res.data.data[0];
+                        this.address = {
+                            lng: this.parkInfo.map.lng,
+                            lat: this.parkInfo.map.lat,
+                        };
                     } else {
                         this.$message.error(`获取数据失败,请刷新重试！`);
                     }

digital-park-web/digital-park/src/views/index/ParkMap.vue

@@ -25,13 +25,19 @@ import BmMarker from "vue-baidu-map/components/overlays/Marker.vue";
 export default {
     //import引入的组件需要注入到对象中才能使用
     components: { BaiduMap, BmMarker },
+    props: {
+        address: {
+            type: Object,
+            default: () => {},
+        },
+    },
     data() {
         //这里存放数据
         return {
-            address: {
-                lng: 121.149813,
-                lat: 31.005265,
-            },
+            // address: {
+            //     lng: 121.149813,
+            //     lat: 31.005265,
+            // },
             zoom: 15,
         };
     },