react-amap-v2/src/hooks/use-map.ts

高德地图 v2.0 react 组件

import { useContext } from 'react';
import { createContainer } from 'unstated-next';
import { Context, MapContext } from '../context';

interface UseMapState {
  map?: AMap.Map;
  context?: MapContext;
}

interface InitialValue {
  map?: AMap.Map;
}

export const { Provider, useContainer: useMap } = createContainer<
  InitialValue,
  UseMapState
>(initialValue => {
  const context = useContext(Context);
  return { map: initialValue?.map, context };
});