解决react下找不到原生高德地图AMap类的问题

 

 方法1.

使用注释    //eslint-disable-next-line  写在每个出现AMap类的前面一行，如下所示

 

 原理是告诉eslint：注释下面这一行您别管。

 方法2. http - https

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script> 注意： https

 方法3. 在组件中使用Amap 对象时 需要加上window

<script>
      window.BMap = BMap;
</script>

 

 方法4. 在public下的index.html 增加一个script标签   (本地开发可以，更新到线上就有问题，报错BMap is not defined，解决办法为 3.3中的 http- https )

 

externals: {
   'BMap': 'BMap',
}