Gathering detailed insights and metrics for react-maps-google
Gathering detailed insights and metrics for react-maps-google
🗺 React components that make it easy to add Google maps and markers to your React projects.
Installations
npm install react-maps-googleDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
15.6.0
NPM Version
7.21.0
Releases
25
Languages
1
JavaScript
JavaScript (100%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
5 Stars
485 Commits
1 Forks
2 Watchers
353 Branches
4 Contributors
Updated on Dec 17, 2024
Sponsor this package
Maintainers
1
Package Meta Information
Latest Version
0.4.11
Package Id
react-maps-google@0.4.11
Unpacked Size
182.85 kB
Size
36.18 kB
File Count
23
NPM Version
7.21.0
Node Version
15.6.0
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
Dependencies
3
Peer Dependencies
1
Dev Dependencies
32
@babel/cli@babel/core@babel/plugin-proposal-class-properties@babel/plugin-proposal-object-rest-spread@babel/plugin-transform-runtime@babel/preset-env@babel/preset-reactbabel-corebabel-jestbabel-plugin-dev-expressionbabel-plugin-transform-react-remove-prop-typesbabel-polyfillcoverallsenzymeenzyme-adapter-react-16greenkeeper-lockfilegzip-sizejestjest-enzymejsdompretty-bytesreactreact-domreact-test-rendererregenerator-runtimerolluprollup-plugin-babelrollup-plugin-commonjsrollup-plugin-jsonrollup-plugin-node-resolverollup-plugin-tersersinon
🗺 react-maps-google
React components that make it easy to add Google maps and markers to your React projects.
Install
Via npm
1npm install --save react-maps-google
Via Yarn
1yarn add react-maps-google
How to use
This package includes the core GoogleMap component that renders a Google Map
into your React project. Along with Marker and MarkerClusterer components that
make it easy to compose markers into your map instances.
<GoogleMap /> Component
Properties
apiKey:StringRequired - Google Maps Javascript API key. Guide to get an API keyasync:Bool- True loads Google Maps script asynchronously. Defaults to true.options:Object- Options for customizing/styling the map. MapOptions InterfaceonReady:Function- Called when the Google Maps script has initialized(map) => {}onBoundsChange:Function- Called when thebounds_changedevent is fired from the map.(map) => {}onCenterChange:Function- Called when thechange_changedevent is fired from the map.(map) => {}onClick:Function- Called when theclickevent is fired from the map.(map, event) => {}onDoubleClick:Function- Called when thedblclickevent is fired from the map.(map, event) => {}onDrag:Function- Called when thedragevent is fired from the map.(map) => {}onDragEnd:Function- Called when thedragendevent is fired from the map.(map) => {}onDragStart:Function- Called when thedragstartevent is fired from the map.(map) => {}onHeadingChange:Function- Called when theheading_changedevent is fired from the map.(map) => {}onIdle:Function- Called when theidleevent is fired from the map.(map) => {}onMapTypeIdChange:Function- Called when themaptypeid_changedevent is fired from the map.(map) => {}onMouseMove:Function- Called when themousemoveevent is fired from the map.(map, event) => {}onMouseOut:Function- Called when themouseoutevent is fired from the map.(map, event) => {}onMouseOver:Function- Called when themouseoverevent is fired from the map.(map, event) => {}onProjectionChange:Function- Called when theprojection_changedevent is fired from the map.(map) => {}onRightClick:Function- Called when therightclickevent is fired from the map.(map, event) => {}onTilesLoad:Function- Called when thetilesloadedevent is fired from the map.(map) => {}onTiltChange:Function- Called when thetilt_changedevent is fired from the map.(map) => {}onZoomChange:Function- Called when thezoom_changedevent is fired from the map.(map) => {}
All callbacks return a reference to the google.maps.Map instance rendered within the
component and the associated Event (where supported).
Example
1import React from 'react'; 2import GoogleMap, { Marker } from 'react-maps-google'; 3 4const ExampleMap = (props) => { 5 return ( 6 <GoogleMap apiKey="[insert your api key here]"> 7 <Marker position={{lat: 40.7174343, lng: -73.9930319}} /> 8 </GoogleMap> 9 ); 10}
<Marker /> Component
Properties
position:ObjectRequired - The latitude and longitude coordinates to render the marker.{{lat: 0, lng: 0}}map:Object- Reference the to thegoogle.maps.Mapinstance, passed to the component withinGoogleMap.options:Object- Options for customizing/styling the marker. MarkerOptions InterfaceonAnimationChange:Function- Called when theanimation_changedevent is fired from the marker.(marker) => {}onClick:Function- Called when theclickevent is fired from the marker.(marker, event) => {}onClickkableChange:Function- Called when theclickable_changedevent is fired from the marker.(marker) => {}onCursorChange:Function- Called when thecursor_changedevent is fired from the marker.(marker) => {}onDoubleClick:Function- Called when thedblclickevent is fired from the marker.(marker, event) => {}onDrag:Function- Called when thedragevent is fired from the marker.(marker, event) => {}onDragEnd:Function- Called when thedragendevent is fired from the marker.(marker, event) => {}onDraggableChange:Function- Called when thedraggable_changedevent is fired from the marker.(marker) => {}onDragStart:Function- Called when thedragstartevent is fired from the marker.(marker, event) => {}onFlatChange:Function- Called when theflat_changedevent is fired from the marker.(marker) => {}onIconChange:Function- Called when theicon_changedevent is fired from the marker.(marker) => {}onMouseDown:Function- Called when themousedownevent is fired from the marker.(marker, event) => {}onMouseOut:Function- Called when themouseoutevent is fired from the marker.(marker, event) => {}onMouseOver:Function- Called when themouseoverevent is fired from the marker.(marker, event) => {}onMouseUp:Function- Called when themouseupevent is fired from the marker.(marker, event) => {}onPositionChange:Function- Called when theposition_changedevent is fired from the marker.(marker) => {}onRightClick:Function- Called when therightclickevent is fired from the marker.(marker, event) => {}onShapeChange:Function- Called when theshape_changedevent is fired from the marker.(marker) => {}onTitleChange:Function- Called when thetitle_changedevent is fired from the marker.(marker) => {}onVisibleChange:Function- Called when thevisible_changedevent is fired from the marker.(marker) => {}onZIndexChange:Function- Called when thezindex_changedevent is fired from the marker.(marker) => {}
Example
1import React, { Component } from 'react'; 2import GoogleMap, { Marker } from 'react-maps-google'; 3 4class ExampleMap extends Component { 5 constructor(props) { 6 super(props); 7 8 this.onMarkerClick = this.onMarkerClick.bind(this); 9 } 10 11 onMarkerClick(marker, event) { 12 13 } 14 15 render() { 16 return ( 17 <GoogleMap apiKey="[insert your api key here]"> 18 <Marker 19 position={{lat: 40.7174343, lng: -73.9930319}} 20 onClick={this.onMarkerClick} 21 /> 22 </GoogleMap> 23 ); 24 } 25} 26
<MarkerClusterer /> Component
[in development]
License
No vulnerabilities found.
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
Found 5/9 approved changesets -- score normalized to 5
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
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
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 27 are checked with a SAST tool
Reason
98 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-4x6g-3cmx-w76r
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
- Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-33f9-j839-rf8h
- Warn: Project is vulnerable to: GHSA-c36v-fmgq-m8hx
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-q674-xm3x-2926
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-hpqj-7cj6-hfj8
- Warn: Project is vulnerable to: GHSA-4vrv-93c7-m92j
- Warn: Project is vulnerable to: GHSA-6hwc-9h8r-3vmf
- Warn: Project is vulnerable to: GHSA-qqqw-gm93-qf6m
- Warn: Project is vulnerable to: GHSA-69f9-h8f9-7vjf
- Warn: Project is vulnerable to: GHSA-652h-xwhf-q4h6
- Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
- Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
- Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
- Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
- Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Score
2.4
/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