高德地图 React 组件

Warning

官网示例无法预览，因为akey 被官方告知要付费，本项目目前没有任何捐赠，付不起钱删除了akey

特性

安装

# 集成了所有依赖包npm install @uiw/react-amap --save# 或者按需安装包npm install @uiw/react-amap-map @uiw/react-amap-api-loader --save

 <APILoader-  akay-  protocol-  hostAndPath-  callbackName-  plugin-  disableScripts+  akey+  plugins+  AMapUI+  Loca>  <Map style={{ height: 100 }} /> </APILoader>

使用

importReactDOMfrom'react-dom';importReact,{useEffect,useRef,Fragment}from'react';import{Map,APILoader,ScaleControl,ToolBarControl,ControlBarControl,Geolocation}from'@uiw/react-amap';constDemo=()=>(<div><Mapstyle={{height:300}}><ScaleControloffset={[16,30]}position="LB"/><ToolBarControloffset={[16,10]}position="RB"/><ControlBarControloffset={[16,180]}position="RB"/><GeolocationmaximumAge={100000}borderRadius="5px"position="RB"offset={[16,80]}zoomToAccuracy={true}showCircle={true}/></Map><Mapstyle={{height:300}}>{({ AMap, map, container})=>{return;}}</Map></div>);constMount=()=>(<APILoaderversion="2.0.5"akey="a7a90e05a37d3f6bf76d4a9032fc9129"><Demo/></APILoader>)exportdefaultMount

容器组件

控件组件

覆盖物

信息窗体 & 右键菜单

服务

其它

开发

npm install# Step 1: 安装依赖npm run build# Step 2: 编译所有包npm run start# 文档网站运行npm run watch:amap# 监听编译输出 js 文件, 监听编译输出 .d.ts 类型文件

相关连接

Contributors

License