<template>    <div id="app">     <div id="allmap" ref="allmap"></div>     <router-view></router-view> //切記模板中一定要有渲染   </div>   </template>   <script>   export default {    name: 'App',    methods:{     map(){      let map =new BMap.Map(this.$refs.allmap); // 創(chuàng)建Map實例      map.centerAndZoom(new BMap.Point(114.30, 30.60), 11);// 初始化地圖,設(shè)置中心點坐標(biāo)（經(jīng)緯度/城市的名稱）和地圖級別      map.addControl(new BMap.MapTypeControl({//添加地圖類型控件       mapTypes:[        BMAP_NORMAL_MAP,        BMAP_HYBRID_MAP       ]}));      map.setCurrentCity("武漢");// 設(shè)置地圖顯示的城市 此項是必須設(shè)置的      map.enableScrollWheelZoom(true); //開啟鼠標(biāo)滾輪縮放      //map.setMapStyle({style:'midnight'});//地圖風(fēng)格    }    },    mounted(){     //調(diào)用上面?zhèn)€的函數(shù)    this.map()    }   }   </script>   <style>   #app {    font-family: 'Avenir', Helvetica, Arial, sans-serif;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    text-align: center;    color: #2c3e50;    margin-top: 60px;   }     /*設(shè)置地圖的寬高*/  #allmap{    height: 500px;    overflow: hidden;   }   </style>