文章目录1.文章引言2.申请AK3.使用AK4.解决BMapGLisnotdefined的错误5.文末总结1.文章引言今天在学习amis框架中的地理位置(LocationPicker)的组件，如下图所示：关于amis的更多了解，可以参考博文：百度低代码amis框架的讲解截图中注意的是，ak参数只能在amis官网示例中使用，让我们前往百度地图开放平台申请自己的ak。百度地图开放平台官网地址：https://lbsyun.baidu.com百度地图也会开放一些免费的Api，来提供一些基本的地图服务。于是点击链接，前往百度地图开放平台，申请自己的ak。说到现在，AK有什么用？AK即accesskey

目录引言1、引用百度地图2、在项目中使用百度地图2-1、页面结构部分2-2、js逻辑部分3-1、页面结构部分Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它旨在平易近人、灵活且可扩展，重点是声明式渲染和基于组件的架构。Vue的反应性和可组合性使其成为开发复杂单页应用程序的热门选择。引言记录一下vue项目使用百度地图所用的api和踩过的坑，减少以后引用少走弯路。旨在记录，第一次开贴，不足之处请多多指教。废话不多说，开撸！1、引用百度地图这里账号密钥不多说，上链接，自己注册。首先要在你项目的index.html里面加上以下代码：这个是BMap这个是BMapGL如果需要使用辅助

记录一下vue项目使用百度地图所用的api和踩过的坑，减少以后引用少走弯路。旨在记录，第一次开贴，不足之处请多多指教。废话不多说，开撸！1、引用百度地图这里账号密钥不多说，上链接，自己注册。首先要在你项目的index.html里面加上以下代码：这个是BMapscripttype="text/javascript"src="//api.map.baidu.com/api?v=3.0&ak=您的密钥">/script>这个是BMapGLscriptsrc="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥">/script>如果需要使用辅助工具BMa

记录一下vue项目使用百度地图所用的api和踩过的坑，减少以后引用少走弯路。旨在记录，第一次开贴，不足之处请多多指教。废话不多说，开撸！1、引用百度地图这里账号密钥不多说，上链接，自己注册。首先要在你项目的index.html里面加上以下代码：这个是BMapscripttype="text/javascript"src="//api.map.baidu.com/api?v=3.0&ak=您的密钥">/script>这个是BMapGLscriptsrc="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥">/script>如果需要使用辅助工具BMa