npmpackage.info

Gathering detailed insights and metrics for @uiw/react-amap-circle

Other packages similar to @uiw/react-amap-circle

@uiw/react-amap-circle-marker

7.1.8

构造一个圆形覆盖物。可直接满足创建圆形标注的需要。

Gathering detailed insights and metrics for @uiw/react-amap-circle

@uiw/react-amap-circle - 7.1.8 | npmpackage.info

@uiw/react-amap-circle

基于 React 封装的高德地图组件，帮助你轻松的接入地图到 React 项目中。

7.1.8

469

MIT

TypeScript

11.93 kB

6.3

Installations

npm install @uiw/react-amap-circle

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

20.19.1

NPM Version

10.8.2 Pull Requests

Open

7

Total

267

Closed

121

Merged

139

Issues

Open

48

Total

124

Closed

76

Releases

131

v7.1.8

Updated on May 28, 2025

v7.1.7

Updated on May 23, 2025

v7.1.6

Updated on May 22, 2025

v7.1.5

Updated on May 02, 2025

v7.1.4

Updated on Mar 30, 2025

v7.1.3

Updated on Sep 20, 2024

View All 131 releases

Languages

TypeScript

HTML

Less

CSS

Shell

TypeScript (97.28%)

HTML (2.27%)

Less (0.24%)

CSS (0.14%)

Shell (0.06%)

Developer

uiwjs

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

469 Stars

696 Commits

71 Forks

5 Watchers

11 Branches

21 Contributors

Updated on Jul 04, 2025

Sponsor this package

https://jaywcjlove.github.io/#/sponsor

Maintainers

View All 21 Contributors

Package Meta Information

Latest Version

7.1.8

Package Id

@uiw/react-amap-circle@7.1.8

Unpacked Size

11.93 kB

Size

3.68 kB

File Count

NPM Version

10.8.2

Node Version

20.19.1

Published on

May 28, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@uiw/react-amap-map @uiw/react-amap-types @uiw/react-amap-utils

Peer Dependencies

react react-dom

Circle 圆形组件

构造圆形对象，通过 CircleOptions 指定多边形样式

1import { Circle } from '@uiw/react-amap';
2// 或者单独安装使用
3import { Circle } from '@uiw/react-amap-circle';

基本用法

1import ReactDOM from 'react-dom';
2import React, { useState } from 'react';
3import { Map, APILoader, Circle } from '@uiw/react-amap';
4
5const Example = () => {
6  const [show, setShow] = useState(true);
7  return (
8    <>
9      <button onClick={() => setShow(!show)}>
10        {show ? '隐藏' : '显示'}
11      </button>
12      <div style={{ width: '100%', height: '300px' }}>
13        <Map zoom={14} center={[116.400274, 39.905812]}>
14          <Circle
15            visible={show}
16            radius={1000}
17            strokeColor="#fff"
18            strokeWeight={2}
19            center={new AMap.LngLat(116.39,39.9)}
20          />
21        </Map>
22      </div>
23    </>
24  );
25}
26
27const Mount = () => (
28  <APILoader akey="a7a90e05a37d3f6bf76d4a9032fc9129">
29    <Example />
30  </APILoader>
31);
32
33export default Mount;

Props

更多参数设置

参数	说明	类型	默认值
visible	覆盖物是否可见。	`boolean`	-
radius	圆半径，单位:米	`number`	-

事件

事件类型文档

参数	说明	类型
onHide	隐藏	`(): void;`
onShow	显示	`(): void;`
onRightClick	鼠标右键单击事件	`(event: MapsEvent): void;`
onClick	鼠标左键单击事件	`(event: MapsEvent): void;`
onTouchEnd	鼠标左键单击事件	`(event: MapsEvent): void;`
onDblClick	鼠标左键双击事件	`(event: MapsEvent): void;`
onTouchMove	触摸移动进行中时触发事件，仅适用移动设备	`(event: MapsEvent): void;`
onTouchStart	触摸开始时触发事件，仅适用移动设备	`(event: MapsEvent): void;`
onMouseOut	鼠标移出	`(event: MapsEvent): void;`
onMouseOver	鼠标经过	`(event: MapsEvent): void;`
onMouseUp	鼠标抬起	`(event: MapsEvent): void;`
onMouseDown	鼠标按下	`(event: MapsEvent): void;`

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

9

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

6.3

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More