npmpackage.info

Gathering detailed insights and metrics for react-leaflet-google-layer

Other packages similar to react-leaflet-google-layer

canex-react-leaflet-google-layer

2.0.11

React leaflet wrapper of leaflet.gridlayer.googlemutant

@eisberg-labs/google-maps-leaflet-tile-layer

4.0.2

Google Maps tile layer for react leaflet.

react-google-layer-leaflet

0.2.4

A React component for rendering Google Map tile layers on a Leaflet map

react-leaflet-google-tile-layer

5.1.0

google layer as React compoment for Leaflet

Gathering detailed insights and metrics for react-leaflet-google-layer

react-leaflet-google-layer - 4.0.0 | npmpackage.info

react-leaflet-google-layer

Google layer for React-Leaflet using leaflet.gridlayer.googlemutant, implemented with typescript

4.0.0

MIT

TypeScript

5.82 kB

1,992,559 3.2

Installations

npm install react-leaflet-google-layer

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.20.2

NPM Version

8.19.4 Score

80.9

Supply Chain

78.3

Quality

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

2

Total

25

Closed

4

Merged

19

Issues

Open

12

Total

26

Closed

14

Releases

Version 4.0.0

v4.0.0

Updated on Feb 22, 2025

v3.0.0

Updated on Dec 10, 2024

Version 2.2.0

v2.2.0

Updated on Dec 29, 2022

Version 2.0.7

v2.0.7

Updated on Jul 01, 2022

Version 2.0.6

v2.0.6

Updated on Jun 02, 2022

Version 1.1.6

v1.1.6

Updated on Feb 17, 2022

View All 18 releases

Languages

TypeScript

TypeScript (100%)

Developer

aviklai

Download Statistics

Total Downloads

1,992,559

Last Day

2,009

Last Week

10,252

Last Month

45,956

Last Year

533,489

GitHub Statistics

MIT License

52 Stars

81 Commits

9 Forks

2 Watchers

12 Branches

4 Contributors

Updated on Feb 22, 2025

Bundle Size

16.83 kB

Minified

5.82 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 4 Contributors

Package Meta Information

Latest Version

4.0.0

Package Id

react-leaflet-google-layer@4.0.0

Unpacked Size

12.28 kB

Size

4.51 kB

File Count

NPM Version

8.19.4

Node Version

16.20.2

Published on

Feb 22, 2025

Total Downloads

Cumulative downloads

Total Downloads

1,992,559

Google layer for React Leaflet v3 and v4 using leaflet.gridlayer.googlemutant, implemented with typescript.

Requirements

The current version of this library supports React Leaflet v3 and v4.
If you are using React Leaflet v2, please use the previous version of this library. Please see the documentation here:
https://github.com/aviklai/react-leaflet-google-layer/tree/v1

Installation instructions:

run npm install --save react-leaflet-google-layer
By default this library uses the google-maps loader library to load the google maps api. If you want to use the script tag instead, you can Add google maps js api in your index.html:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" async defer></script>
and set the prop useGoogMapsLoader to false.

Usage example:

import * as React from 'react';
import { MapContainer } from 'react-leaflet';
import ReactLeafletGoogleLayer from 'react-leaflet-google-layer';

export const App = () => { 
  return (
      <MapContainer zoom={15} center={[45, 20]}>
        <ReactLeafletGoogleLayer apiKey='YOUR_API_KEY' type={'satellite'} />
      </MapContainer>
  );
};

Basic usage example

https://codesandbox.io/s/basic-usage-with-react-leaflet-v3-vx8fd

Options

apiKey?: string
useGoogMapsLoader?: boolean, default: true
googleMapsAddLayers?: { name: 'BicyclingLayer' | 'TrafficLayer' | 'TransitLayer', options?: any }[]
zIndex?: number

From js-api-loader (https://github.com/googlemaps/js-api-loader) - googleMapsLoaderConf prop:

version?: string
client?: string
channel?: string
language?: string
region?: string
libraries?: string[]

From googlemutant (https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant):

minZoom?: number
maxZoom?: number
maxNativeZoom?: number
tileSize?: number | Point
subdomains?: string | string[]
errorTileUrl?: string
attribution?: string
opacity?: number
continuousWorld?: boolean
noWrap?: boolean
type?: 'roadmap' | 'satellite' | 'terrain' | 'hybrid'
styles?: GoogleMutantStyle[]

No vulnerabilities found.

10

Dangerous-Workflow

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

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.

3

Maintained

Determines if the project is "actively maintained".

1

Code-Review

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

0

Token-Permissions

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

0

Pinned-Dependencies

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

0

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.2

/10

Last Scanned on 2025-04-14

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

Other packages similar to react-leaflet-google-layer

Other packages similar to react-leaflet-google-layer

react-leaflet-google-layer

Installations

Developer Guide

Yes

CommonJS

16.20.2

8.19.4

Score

Pull Requests

2

25

4

19

Issues

12

26

14

Releases

Languages

Developer

aviklai

Download Statistics

GitHub Statistics

Bundle Size

16.83 kB

5.82 kB

Maintainers

Package Meta Information

Total Downloads

1,992,559

Dependencies

Peer Dependencies

Dev Dependencies

Requirements

Installation instructions:

Basic usage example

Options

From js-api-loader (https://github.com/googlemaps/js-api-loader) - googleMapsLoaderConf prop:

From googlemutant (https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant):

10

10

10

3

1

0

0

0

0

0

0

0

3.2

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads