@uiw/react-amap-api-loader

v7.1.3

用于加载高德地图 SDK 依赖，加载完成，全局将会有 `window.AMap` 对象。 For more information about how to use this package see README

Latest version published 3 months ago

License: MIT

NPM

GitHub

Package Health Score

70 / 100

security
No known security issues
popularity
Limited
maintenance
Healthy
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
7.1.3	\|	09/2024	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.0.2	\|	07/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.0.5	\|	06/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
5.0.21	\|	12/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.6.0	\|	03/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (248)

GitHub Stars: 427
Forks: 70
Contributors: 20

Direct Usage Popularity

The npm package @uiw/react-amap-api-loader receives a total of 248 downloads a week. As such, we scored @uiw/react-amap-api-loader popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package @uiw/react-amap-api-loader, we found that it has been starred 427 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 20
Funding: Yes

With more than 10 contributors for the @uiw/react-amap-api-loader repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like @uiw/react-amap-api-loader is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 45
Open PR: 4
Last Release: 3 months ago
Last Commit: 3 months ago

Further analysis of the maintenance status of @uiw/react-amap-api-loader based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that @uiw/react-amap-api-loader demonstrates a positive version release cadence with at least one new version released in the past 12 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 3 years
Dependencies: 3 Direct
Versions: 104
Install Size: 12.9 kB
Dist-tags: 1
# of Files: 7
Maintainers: 2
TS Typings: No

@uiw/react-amap-api-loader has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

APILoader

用于加载高德地图 SDK 依赖，加载完成，全局将会有 window.AMap 对象。

import { APILoader } from '@uiw/react-amap';
// 或者单独安装使用
import { APILoader } from '@uiw/react-amap-api-loader';

~~v4~~ 升级到 v5，APILoader 主要是对 APILoader 做了升级


  <map style="{{">
</map>

基本用法

Map 的父组件必须具有宽度和高度；

import React from 'react';
import { Map, APILoader } from '@uiw/react-amap';

const Demo = () =&gt; (
  
    <map style="{{">
  </map>
);

export default Demo

多个地图

import React from 'react';
import ReactDOM from 'react-dom';
import { Map, APILoader } from '@uiw/react-amap';

const Demo = () =&gt; (
  
    <map style="{{">
    <div style="{{">
      <map style="{{">
    </map></div>
  </map>
);

export default Demo

Props

参数	说明	类型	默认值
version	SDK 版本	string	`2.0`
~~akay~~ => `akey`	`必填` `disableScripts=true` 时选填您需先申请密钥（ak）才可使用该服务。⚠️ 注意申请 `Web端(JS API)`	string	-
~~protocol~~	协议，默认是根据当前网站协议的	`http`/`https`	`window.location.protocol`
~~hostAndPath~~	请求 SDK 的前半部分	string	`webapi.amap.com/maps`
~~callbackName~~	回调函数	string	`load_amap_sdk`
~~plugin~~	加载一个或者多个插件 `AMap.ToolBar,AMap.Driving`	string	`-`
~~disableScripts~~	禁用 `SDK` 加载	boolean	`-`

import { PropsWithChildren } from 'react';
export type APILoaderConfig = PropsWithChildren&lt;{
  /**
   * key 密钥
   * 您需先[申请密钥(ak)](https://lbs.amap.com/dev/key/app)。开发文档说明地址：https://lbs.amap.com/api/javascript-api/guide/abc/prepare
   *
   * 1. 首先，[注册开发者账号](https://lbs.amap.com/dev/id/newuser)，成为高德开放平台开发者
   * 2. 登陆之后，在进入「应用管理」 页面「创建新应用」
   * 3. 为应用[添加 Key](https://lbs.amap.com/dev/key/app)，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」
   *
   */
  akey?: string;
  /**
   * SDK 包版本，指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
   * @default 1.4.15
   */
  version?: string;
  /**
   * 加载一个或者多个插件
   * @example `['AMap.ToolBar', 'AMap.Driving']`
   */
  plugins?: string[];
  /** 是否加载 AMapUI，缺省不加载 */
  AMapUI?: {
    /** AMapUI 缺省 1.1 */
    version?: string;
    /** 需要加载的 AMapUI ui插件 */
    plugins?: string[];
  };
  /** 是否加载 Loca， 缺省不加载 */
  Loca?: {
    /** Loca 版本，缺省 1.3.2 */
    version?: string;
  };
}&gt;;
export interface APILoaderProps extends APILoaderConfig { }

@uiw/react-amap-api-loader dependencies

@amap/amap-jsapi-loader @uiw/react-amap-require-script @uiw/react-amap-types

FAQs

What is @uiw/react-amap-api-loader?

用于加载高德地图 SDK 依赖，加载完成，全局将会有 **`window.AMap`** 对象。. Visit Snyk Advisor to see a full health score report for @uiw/react-amap-api-loader, including popularity, security, maintenance & community analysis.

Is @uiw/react-amap-api-loader popular?

The npm package @uiw/react-amap-api-loader receives a total of 248 weekly downloads. As such, @uiw/react-amap-api-loader popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is @uiw/react-amap-api-loader well maintained?

We found that @uiw/react-amap-api-loader demonstrated a healthy version release cadence and project activity. It has a community of 20 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is @uiw/react-amap-api-loader safe to use?

The npm package @uiw/react-amap-api-loader was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 13 December-2024, at 12:34 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP