nuxt百度地图引入基础使用,百度地图初始化,行政区划划分

如何在nuxt项目中使用百度地图

进入百度地图API
nuxt百度地图引入基础使用,百度地图初始化,行政区划划分_第1张图片
选择javascriptAPI,按照流程注册账号获取ak,复制ak
nuxt百度地图引入基础使用,百度地图初始化,行政区划划分_第2张图片

按照页面提示的,需要引入script标签nuxt百度地图引入基础使用,百度地图初始化,行政区划划分_第3张图片
这里我们打开nuxt项目中的nuxt.config.js文件,如果没有link和script,自己按照格式创建
输入上面的地址,ak后面填写自己的 ,像这样
nuxt百度地图引入基础使用,百度地图初始化,行政区划划分_第4张图片
然后,看你是把它当作插件还是单独的页面,在components中或者其他文件夹中创建BaiduMap.vue文件,接着就是一下代码,各个部分的功能我会在注释中解释清楚







文章不间断更新,会把各种问题写上。

你可能感兴趣的:(nuxt)