vue2使用百度地图（vue-baidu-map）

https://dafrok.github.io/vue-baidu-map/#/

https://www.npmjs.com/package/vue-baidu-map

https://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey

import BaiduMap from 'vue-baidu-map'; 
Vue.use(BaiduMap, {
  ak: 'XXXXXXXXXXqMGc5Bqf1OK5uYBGYf7XXX',
});

  
<template>
  <div   class="sub-map002"> 
 <baidu-map class="bm-view" :center="centerLagLat" :zoom="14" :scroll-wheel-zoom="true" @ready="handler"></baidu-map>
</div>
</template>

<script>  
export default {
 name: 'sub-map002', 
 data: () => {
   return {
      centerLagLat: {lng: 119, lat:29}, 
     
   };
 }, 
 computed: {
   
 }, 
 mounted() {  
 },
 created() {},
};
</script>

<style lang="less">
html,body,.sub-map002 {
  margin: 0;  padding: 0;
 width: 100% ;
 height: 100%;
 position: relative;
 
.bm-view {
 width: 100%;
 height: 100%;
 position: relative;
}
}
</style>