wtf is react-amap?

react-amap lets you drop interactive AMap (Gaode Maps) into a React web application without dealing with the map provider's raw JavaScript API directly. AMap is one of the most popular mapping platforms in China, similar to Google Maps. If you're building a React app and need to show a map with markers, this library handles the plumbing for you. The library provides a set of ready-made React components for common map tasks. You import a Map component, drop it into your JSX, pass in your AMap developer key, and you get a working map. On top of the base map, there are around ten commonly used components for things like markers. You can also load only the specific components you need rather than the entire library, which helps keep your app lightweight. A live demo is linked in the README so you can see the result before installing anything. This is built for developers working in React who want to integrate AMap into products like food delivery apps, ride-hailing interfaces, store locators, or any feature where a user needs to see locations on a map. Since AMap is a leading map provider in China, this is especially relevant for teams building products for the Chinese market where Google Maps isn't the default choice. One notable thing about the project is its extensibility. If the built-in components don't cover your use case, you can write your own custom map component and access the underlying AMap instance directly. This means you get the convenience of pre-built components for simple scenarios but aren't boxed in when you need something more advanced. The README mentions community-built extensions for heatmaps and geolocation, and the project welcomes open-source contributions of new components.