react-amap基于 React 封裝的高德地圖組件
react-amap 是一個(gè)基于 React 封裝的高德地圖組件,幫助你輕松的接入地圖到 React 項(xiàng)目中。
文檔實(shí)例預(yù)覽: 文檔網(wǎng)站
特性
- ?? 自動(dòng)加載高德地圖 SDK(通過(guò)創(chuàng)建 Script 標(biāo)簽的形式加載),包括第三方 SDK。
- ?? 使用 Typescript 編寫(xiě),集成高德地圖 SDK [@type](src/types) 聲明文件(包括中文注釋)。
- ?? 支持 React Hook 新增特性(需要 React 16.8+)。
- ?? 不依賴任何第三方組件。
安裝
npm install @uiw/react-amap --save
使用
import { Map, APILoader } from '@uiw/react-amap';
const Demo = () => (
<div style={{ width: '100%', height: '300px' }}>
<APILoader akay="1c44726c39431f704d3e25cd51381e35">
<Map />
</APILoader>
</div>
);
ReactDOM.render(<Demo />, _mount_);
評(píng)論
圖片
表情
