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

高德地图 v2.0 react 组件

import { useState, useEffect } from 'react';
import { useMap } from './use-map';

export function usePlugin(
  name: string[],
): { loaded: boolean; map: AMap.Map | undefined } {
  const [loaded, setLoaded] = useState(false);
  const { map } = useMap();

  useEffect(() => {
    map &&
      (map as any).plugin(name, () => {
        setLoaded(true);
      });
  }, [name, map]);

  return { loaded, map };
}