Google map library for react that allows rendering components as markers. google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. It allows you to create interfaces like this example (You can scroll the table, zoom/move the map, hover/click on markers, and click on table rows) In the simple case you just need to add lat and lng props to any child of GoogleMapReact component.

Features

  • In the simple case you just need to add lat and lng props to any child of GoogleMapReact component
  • Make sure the container element has width and height
  • Works with your Components
  • Isomorphic Rendering
  • Component Positions Calculated Independently of Google Maps API
  • Google Maps API Loads on Demand

Project Samples

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow Google Map React

Google Map React Web Site

You Might Also Like
Our Free Plans just got better! | Auth0 by Okta Icon
Our Free Plans just got better! | Auth0 by Okta

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your secuirty. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Google Map React!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Libraries

Registered

2023-02-15