在使用高德地图的时候,我是使用了vue-amap这个库,然后在使用期间报错,这个报错是因为,
AMapUI未定义,以下是我如何解决这个问题的。

1.第一步

在这里插入图片描述

  <script src="https://webapi.amap.com/maps?v=2.0&key=自己的key"></script>
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的key">
  </script>
  <script src="https://webapi.amap.com/ui/1.0/main.js"></script>

第二步

在这里插入图片描述

第三步

在这里插入图片描述
在Vue的配置项vue.config.js的configureWebpack里面添加这两个变量

    externals: {
      AMap: "AMap", //加这个!!
      AMapUI: "AMapUI"
    },
Logo

前往低代码交流专区

更多推荐