react-amap 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
react-amap 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: TypeScript
操作系统: 跨平台
收录时间: 2020-09-23
提 交 者: 小弟调调

react-amap 是一个基于 React 封装的高德地图组件,帮助你轻松的接入地图到 React 项目中。

文档实例预览: 文档网站

特性

- ♻️ 自动加载高德地图 SDK(通过创建 Script 标签的形式加载),包括第三方 SDK。
- 📚 使用 Typescript 编写,集成高德地图 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_);

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

react-amap 的相关资讯

还没有任何资讯

react-amap 的相关博客

结合react-amap使用高德地图的原生API

干货,无话 1、react-create-app,创建新react项目; 2、npm install react-amap,引入高德地图的封装; 3、编写组件index.j...

基于React-Amap组件库的高德地图简单应用

摘要   平常生活中,地图导航是必不可少的,最近在学习Ant Design,了解了下社区的精选组件,看到了与地图相关的精品组件库...

Hacker基础之工具篇 Amap

今天我们来说一个Kali中的工具,在Information Gathering下面 Amap是第一款用于渗透测试的新一代扫描工具 它会试图识别应用程...

识别网络应用所使用的协议Amap

识别网络应用所使用的协议Amap

高德地图 HELLO,AMAP!

今天实在是有点慌啊,慌在不知道看什么啊,翻了半天,还是想看个新东西,本来看数据仓库的,结合买的阿里云也能用起来,但看到...

vue-amap小结

vue-amap:高德地图API 我主要做的是点坐标+信息窗体展示。 新建一个vue项目,下载vue-amap/axios。在项目中引入,并将axios...

Python获取amap高德地图

用Python获取amap高德地图,是运用html来进行数据的获取

vue-amap地图组件的使用

vue-amap是一套基于Vue 2.0和高德地图的地图组件。 安装 npm install -S vue-amap 使用文档 https://elemefe.github.io/vue-...

高德地图(AMap)JavaScript API的使用

高德地图JavaScript API的使用

vue-amap详细使用教程

在antd pro内使用vue-amap,实现地图和坐标点。 1,安装 npm install vue-amap --save 2,在main,js内引入 import VueAMap f...

react-amap 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
3 收藏
分享
返回顶部
顶部