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 },
  ],

在页面中使用:


展现效果:

 Nuxt.js使用百度地图vue-baidu-map_第1张图片

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

你可能感兴趣的:(vue与nuxt)