百度地图API-React项目报错ReferenceError: BMapLib is not defined

用的是官方demo和引入方式

https://huiyan.baidu.com/github/react-bmapgl/#/%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8

 

报错：BMapLib is not defined

 

解决方法：

   将demo中的：

import { Map, Marker, NavigationControl, InfoWindow } from 'react-bmapgl'

　改为：

import { Map, Marker, NavigationControl, InfoWindow } from '@uiw/react-baidu-map'

渲染部分改为

<Map center={{ lng: 116.402544, lat: 39.928216 }}>
  <Marker position={{ lng: 116.402544, lat: 39.928216 }} />
  <NavigationControl />
  <InfoWindow position={{ lng: 116.402544, lat: 39.928216 }} title="标题" />
</Map>

解决：

 

 【*如果存在上图warning可以修改引入为：

　　<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=b3arF64BGGimKwGsp3KkN5st" ></script> 】