Nuxt.js使用百度地图vue-baidu-map

vue-baidu-map文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/usage

安装vue-baidu-map

npm i vue-baidu-map -D

在plugins新建map.js:

import BaiduMap from 'vue-baidu-map'
import Vue from 'vue'
Vue.use(BaiduMap, {
  ak: '申请的百度地图密匙'
})

在nuxt.config.js中引入：

  plugins: [
    { src: "~plugins/map.js", ssr: false },
  ],

在页面中使用：

展现效果：

 

vue-baidu-map文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/usage