Library to display Terrain Map

[miguel-merlin]

Issue

I have looked into two different libraries we can use to display the terrain map.

google-map-react

https://www.npmjs.com/package/google-map-react

Advantages of using Google Maps React

• Active development: Google Map React is still actively maintained and has a relatively large user base
• Integration with Google Maps API: Google Map React provides a component wrapper for the Google Maps API, allowing you to use the full functionality of Google Maps in the React application
• Easy marker-based mapping: Google Map React makes it easy to add markers and custom components to the map
• Generous free tier: Google Maps API offers a free tier for API usage, making it cost-effective for smaller projects

Disadvantages of using Google Maps React

• Limited documentation: The documentation for Google Map React is relatively limited compared to other libraries. However, it does provide examples covering most use cases.
• Potential need for API key: While you can get started with Google Map React without an API key, you may eventually need one for production use or if your site receives a lot of traffic.

react-leaflet

https://react-leaflet.js.org/docs/start-introduction/

Advantages of using React Leaflet

• Mature library: React Leaflet has been around for a while and is a well-established library with a large user base.
• Open-source and customizable: React Leaflet is an open-source library, that provides flexibility and customization options for your mapping needs.
• Integration with Leaflet: React Leaflet is a wrapper around the Leaflet library known for its lightweight and versatile mapping capabilities.
• Support for different map providers: React Leaflet supports various map providers, including OpenStreetMap, Bing Maps, and Google Maps.

Disadvantages of using React Leaflet

• Less integration with Google Maps API: While React Leaflet supports Google Maps as a map provider, it may not provide access to the full range of Google Maps API features compared to Google Map React.
• Potential licensing considerations: Depending on the map provider you choose with React Leaflet, licensing considerations or costs may be associated with certain features or usage levels. (OpenStreetMaps is free)

This is related to issue #13