当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

react-amap

基于 React 封装的高德地图组件
授权协议 MIT
开发语言 TypeScript
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 国产
投 递 者 冷正信
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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_);

 

  • 首先安装 npm install --save react-amap react-amap包含地图,覆盖物,信息窗体3类组件 地图组件 Map组件,Map 的父组件必须具有宽度和高度; <Map amapkey={'788e08def03f95c670944fe2c78fa76f'}/> MouseTool 组件,需要在地图上启用鼠标工具插件时使用;启用该插件可以进行鼠标画标记点、线、多边形、

  • 在项目中有一个需要在地图上显示物体定位以及分布热力图的需求,导师选择使用高德地图进行实现。对应的package为React-amap。 记录一下在项目中遇到的几个问题以及解决方案: 自定义Markers外观, // 标记杆塔的图片样式 style = { position: 'relative', backgroundColor: 'white', color: '#f

  • 本篇文章主要介绍的是 在React工程中 使用react-amap组件来写一个地图,地图上加一个点标记; 注意 :目前的本人发现在使用react-amap会对 umi 搭建的工程有所影响,建议使用原生高德api(document.ejs【可以看我的上一篇博客,我有详细的写过怎么使用】)来自己手动做个地图可控组件,虽然稍微有点麻烦,但是毕竟项目上线这个方法比较安全。 下面看一下我的组件是怎么写的吧:

 相关资料
  • 本文向大家介绍一个基于react的图片裁剪组件示例,包括了一个基于react的图片裁剪组件示例的使用技巧和注意事项,需要的朋友参考一下 开始 写了一年多vue,感觉碰到了点瓶颈,学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件,便花费了几个晚上的功夫用react再写一遍。代码地址 项目是使用create-react-app来开发的,省去了很多webpack配

  • 本文向大家介绍AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录,包括了AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录的使用技巧和注意事项,需要的朋友参考一下 一、闲扯 有一天班长说了,同学们希望我开发一个可以共享位置的通讯录,于是自己简单设计了下功能。包括用户角色、发表微博、共享位置等等。这次也是有点私心的,为了锻炼

  • 我是一个新手,我总是想到一个基于类的组件,就像我在Java中做类一样。 在Java中比较基于类的组件和类的两种思维是正确的吗?换句话说,呈现的组件是否像Java中的对象一样,它们是类的实例化? 有区别吗?

  • 问题内容: 在花了一些时间学习React之后,我了解了创建组件的两个主要范例之间的区别。 我的问题是,什么时候应该使用哪个?为什么?一个人相对于另一个人的利益/取舍是什么? ES6课程: 功能性: 我认为只要没有状态可以由该组件操纵,功能就可以了,是吗? 我猜如果我使用任何生命周期方法,最好使用基于类的组件。 问题答案: 你有正确的主意。如果您的组件只做一些道具和渲染,那么功能就可以了。您可以将它

  • 在花了一些时间学习React之后,我理解了创建组件的两种主要模式之间的差异。 我的问题是什么时候我应该使用哪一个,为什么?一种方法与另一种方法相比有哪些好处/利弊? ES6类: 功能: 我认为只要没有状态可被该组件操纵,就可以正常工作,但就这样吗? 我想如果我使用任何生命周期方法,最好使用基于类的组件。