Google Map React

screenshot of Google Map React
react

Google Map React

Google map library for react that allows rendering components as markers :tada:

Overview

The Google Map React is a component that allows you to render any React component on a Google Map. It is fully isomorphic, meaning it can render on a server, and it can also render map components in the browser even if the Google Maps API is not loaded. It uses an internal hover algorithm that allows for hovering over any object on the map.

Features

  • Works with your Components: Instead of default Google Maps markers and components, you can render your own animated React components on the map.
  • Isomorphic Rendering: The component can render on the server, making it search engine friendly. It can also work without JavaScript enabled in the browser.
  • Component Positions Calculated Independently: The component can render components on the map before or without the Google Maps API loaded.
  • Google Maps API Loads on Demand: The Google Maps API is loaded when the Google Map React component is first used, so there are no script tags needed at the top of the page.
  • Use Google Maps API: Access to Google Maps map and maps objects by using onGoogleApiLoaded, with an option to use Google Map API internals.
  • Internal Hover Algorithm: Every object on the map can be hovered, with the option to still use CSS hover selectors.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading