react-hook-google-maps
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

react-hook-google-maps

React useGoogleMaps hook

license version dependencies status CI build code coverage

Easiest way to use Google Maps in your React application.

For Google API documentation please check https://developers.google.com/maps/documentation/javascript/reference

Install

npm install --save react-hook-google-maps

Usage

import * as React from "react";
 
import { useGoogleMaps } from "react-hook-google-maps";
 
const App = () => {
  const { ref, map, google } = useGoogleMaps(
    // Use your own API key, you can get one from Google (https://console.cloud.google.com/google/maps-apis/overview)
    "AIzaSyC4Z5Qz97EWcoCczNn2IcYvaYG0L9pe6Rk",
    // NOTE: even if you change options later
    {
      center: { lat: 0, lng: 0 },
      zoom: 3,
    },
  );
  console.log(map); // instance of created Map object (https://developers.google.com/maps/documentation/javascript/reference/map)
  console.log(google); // google API object (easily get google.maps.LatLng or google.maps.Marker or any other Google Maps class)
  return <div ref={ref} style={{ width: 400, height: 300 }} />;
};
 
export default App;

Example

Edit priceless-shaw-o6e7x

License

MIT

Author

Jan Grzegorowski

Package Sidebar

Install

npm i react-hook-google-maps

Weekly Downloads

741

Version

0.0.3

License

MIT

Unpacked Size

17.1 kB

Total Files

17

Last publish

Collaborators

  • jmarceli