基于 React 封装的高德地图组件。AMap Component Based On React.
npm install @lbh7/react-amap-require-script@lbh7/react-amap-require-script
===



用于加载高德地图其它 SDK 依赖,官方示例中的 css, js加载。
``jsx`
import { APILoader } from '@lbh7/react-amap';
// 或者单独安装使用
import { APILoader } from '@lbh7/react-amap-require-script';
`jsx mdx:preview
import React, { useState, useRef, useEffect } from 'react';
import { Map, APILoader, MassMarks, requireScript } from '@lbh7/react-amap';
const Example = (props) => {
const [show, setShow] = useState(true);
const [points, setPoints] = useState([]);
const map = useRef()
const marker = useRef()
useEffect(() => {
if(points.length === 0) {
requireScript('https://a.amap.com/jsapi_demos/static/citys.js', 'citys_id').then(() => {
if(citys && Array.isArray(citys)) {
setPoints(citys);
}
});
}
});
return (
<>
const Mount = () => (
);
export default Mount;
`
`typescript``
/**
* load SDK by css tag
*/
export declare function requireCss(src: string): Promise
/**
* load SDK by script tag
*/
export declare function requireScript(src: string, id?: string): Promise