React百度地图鼠标绘制工具绘制边界区域

鼠标绘制工具

截屏2022-03-01 下午4.20.35.png

引入脚本

首先,需要在你的index.html模板页面头部加载百度地图JavaScript API代码,密钥可去百度地图开放平台官网申请


引入MapGl库

npm install react-bmapgl

DrawingManager工具类代码

 {
          mapRef.current = r;
        }}
        center={{ lng: 116.402544, lat: 39.928216 }}
        zoom={13}
      >
         {
            console.log(e, info);
          }}
          map={mapRef.current}
        />
      

你可能感兴趣的:(React百度地图鼠标绘制工具绘制边界区域)