v2.3.0

npm i @uiw/react-baidu-map@2.3.0

v2.2.0...v2.3.0

• 🐞 fix(Control): fix children issue. 26b552e @jaywcjlove
• 🌟 feat(Label): add children props. 248b4a4 @jaywcjlove
• 🌟 feat(Map): add useMapContext hook. 95a799c @jaywcjlove
• 🐞 fix: fix react state update on an unmounted component. bb10d5a @jaywcjlove

import { useState } from 'react';
import { Map, APILoader, useMapContext } from '@uiw/react-baidu-map';

const Marker = () => {
  const { map } = useMapContext();

  useEffect(() => {
    if (map) {
      // 创建点标记
      const marker1 = new BMap.Marker(new BMap.Point(116.404, 39.925));
      const marker2 = new BMap.Marker(new BMap.Point(116.404, 39.915));
      // 在地图上添加点标记
      map.addOverlay(marker1);
      map.addOverlay(marker2);
    }
  }, [map]);
  return null
}

const Demo = () => {
  return (
    <div style={{ width: '100%', height: '300px' }}>
      <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
        <Map enableScrollWheelZoom={true} zoom={13}  center="北京">
          <div>
            <Marker />
          </div>
        </Map>
      </APILoader>
    </div>
  );
}