前端百度地图ak值放入配置文件中，导致BMap is not defined

当你将百度地图的AK（Access Key）直接放置在前端配置文件中，并尝试在脚本中引用`BMap`这个变量时，可能会遇到"undefined"错误。这是因为百度地图API通常需要异步加载，并且`BMap`是在地图初始化之后才会暴露出来。如果你提前引用了AK，那么在地图实例化之前就尝试使用`BMap`，就会报找不到这个变量。

解决这个问题的正确做法是：

1. **异步加载**: 使用`async`和`await`关键字，在地图初始化时加载API并设置AK，例如：

   async function initMap() {
     const ak = 'your_ak_value'; // 在这里从配置文件读取
     await new BMap.Map('container', { ak });
   }
   initMap();

2. **模块化**: 如果你在使用模块化的库（如CommonJS或ES6模块），应该在模块内部加载API和设置AK。

3. **全局注册**: 如果API支持，可以将其注册到window对象上，然后在需要的地方通过`window.BMap`访问：

   if (!window.BMap) {
       const script = document.createElement('script');
       script.src = 'https://api.map.baidu.com/api?v=3.0&ak=' + ak;
       script.onload = () => {
         window.BMap = BMap; // 等待加载完成后再赋值给window
       };
       document.head.appendChild(script);
   }