React Easy Map

React Easy Google Maps is a React component that facilitates integration with Google Maps. With this component, you can easily add a map to your React application by simply providing the coordinates (latitude and longitude) and a Google Maps API key, without more configuration.

Install

To use the component in your project, install it via npm:

npm install react-easy-google-maps

Or, if you're using yarn:

yarn add react-easy-google-maps

Use/Examples

1import React from 'react';
2import { EasyMap, MapProvider } from 'react-easy-google-maps';
3
4const MyComponent = () => {
5  const apiKey = "SUA_GOOGLE_MAPS_API_KEY"; // Substitua pela sua chave de API
6  const lat = -23.55052; // Exemplo de latitude
7  const lon = -46.633308; // Exemplo de longitude
8
9  return (
10    <MapProvider api_key={apiKey}>
11      <EasyMap lat={lat} lon={lon} />
12    </MapProvider>
13  );
14};
15
16export default MyComponent;
17

Donate

Stripe

Reference

• Google Maps API Docs

Documentation

Documentação

Licença

ISC

🚀 About me

I'm developer