Gathering detailed insights and metrics for @uiw/react-baidu-map-panorama-control
Gathering detailed insights and metrics for @uiw/react-baidu-map-panorama-control
基于 React 封装的百度地图组件，支持 React Hook，帮助你轻松的接入地图到 React 项目中。
Installations
npm install @uiw/react-baidu-map-panorama-controlDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
20.19.1
NPM Version
8.19.4
Score
73.3
Supply Chain
92.8
Quality
79.1
Maintenance
100
Vulnerability
100
License
Releases
63
Languages
4
TypeScript
HTML
Less
Shell
TypeScript (98.85%)
HTML (0.99%)
Less (0.14%)
Shell (0.03%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
232 Stars
522 Commits
22 Forks
6 Watchers
8 Branches
12 Contributors
Updated on Jul 10, 2025
Sponsor this package
Maintainers
2
Package Meta Information
Latest Version
2.7.3
Package Id
@uiw/react-baidu-map-panorama-control@2.7.3
Unpacked Size
10.14 kB
Size
3.04 kB
File Count
12
NPM Version
8.19.4
Node Version
20.19.1
Published on
May 02, 2025
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
PanoramaControl 全景地图控件
全景地图控件。
1import { PanoramaControl, usePanoramaControl } from '@uiw/react-baidu-map'; 2// 或者单独安装使用 3import PanoramaControl, { usePanoramaControl } from '@uiw/react-baidu-map-panorama-control';
基本用法
1import React, { useState } from 'react'; 2import { Map, APILoader, PanoramaControl } from '@uiw/react-baidu-map'; 3 4const Example = () => { 5 const [show, setShow] = useState(true); 6 return ( 7 <> 8 <button onClick={() => setShow(!show)}> 9 {show ? '关闭' : '开启'} 10 </button> 11 <Map zoom={13} style={{ height: 300 }}> 12 {show && ( 13 <PanoramaControl /> 14 )} 15 <PanoramaControl visiable={show} /> 16 </Map> 17 </> 18 ); 19} 20 21const Demo = () => ( 22 <div style={{ width: '100%' }}> 23 <APILoader akay="eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG"> 24 <Example /> 25 </APILoader> 26 </div> 27); 28 29export default Demo;
使用 hooks
panoramaControl, setPanoramaControl
1import React from 'react'; 2import { useRef, useEffect, useState } from 'react'; 3import { Map, APILoader, Provider, useMap, usePanoramaControl } from '@uiw/react-baidu-map'; 4 5const Example = () => { 6 const divElm = useRef(null); 7 const [show, setShow] = useState(true); 8 const { setContainer, map } = useMap(); 9 const { panoramaControl } = usePanoramaControl({ 10 map, anchor: BMAP_NAVIGATION_CONTROL_LARGE, visiable: show, 11 }); 12 13 useEffect(() => { 14 if (divElm.current && !map) { 15 setContainer(divElm.current); 16 } 17 }, [map]); 18 return ( 19 <> 20 <button onClick={() => setShow(!show)}> 21 {show ? '关闭' : '开启'} 22 </button> 23 <div ref={divElm} style={{ height: '100%' }} /> 24 </> 25 ); 26} 27 28const Demo = () => ( 29 <div style={{ width: '100%', height: '300px' }}> 30 <APILoader akay="eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG"> 31 <Provider> 32 <Example /> 33 </Provider> 34 </APILoader> 35 </div> 36); 37export default Demo;
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visiable | 覆盖物是否可见。 | boolean | - |
无效 控件的位置偏移值。 | ControlAnchor | BMAP_ANCHOR_TOP_RIGHT | |
无效 控件的水平偏移值。 | BMap.Size | - |
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
0 existing vulnerabilities detected
Reason
packaging workflow detected
Details
- Info: Project packages its releases by way of GitHub Actions.: .github/workflows/ci.yml:29
Reason
2 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 1
Reason
Found 0/24 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/ci.yml:1
- Warn: no topLevel permission defined: .github/workflows/pull_request.yml:1
- Info: no jobLevel write permissions found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:61: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:236: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:242: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:245: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:255: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:263: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pull_request.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/pull_request.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pull_request.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/uiwjs/react-baidu-map/pull_request.yml/master?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:43
- Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:45
- Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:46
- Warn: npmCommand not pinned by hash: .github/workflows/pull_request.yml:17
- Warn: npmCommand not pinned by hash: .github/workflows/pull_request.yml:19
- Warn: npmCommand not pinned by hash: .github/workflows/pull_request.yml:20
- Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 7 third-party GitHubAction dependencies pinned
- Info: 0 out of 6 npmCommand dependencies pinned
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 6 are checked with a SAST tool
Score
4.3
/10
Last Scanned on 2025-07-07
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