# ReactiveMaps 3.0 - UI Components for building Geo Search UIs ✨

[ReactiveMaps v3](https://opensource.appbase.io/reactivemaps/) is now available as a stable release for React. 🎉 

Reactive Maps (and Reactive Search) enables React developers to build geo search experiences that utilize full-text search, facets, and geo searches where map is a key interface element to navigate the search results.

[Follow the quick start guide](https://docs.appbase.io/docs/reactivesearch/v3/overview/reactivemaps/) to build your first geo search UI in the next 30 minutes! 🚀

### Key Highlights

- Supports [Elasticsearch](https://www.appbase.io/what-is/elasticsearch), [OpenSearch ](https://www.appbase.io/what-is/opensearch) and [MongoDB Atlas Search](https://www.mongodb.com/cloud/atlas/lp/search) engine backends
- With the 3.0 release, OpenStreetMaps is also supported as a mapping platform in addition to Google Maps
- The API usage is standardized to be similar to ReactiveSearch library's usage.


If you're coming from ReactiveMaps v2, you can read more about the migration changes needed for v3 in the guide over [here](https://docs.appbase.io/docs/reactivesearch/v3/advanced/migration/#reactivemaps).

ReactiveMaps is also available for Vue with ReactiveSearch Vue. Read the docs for [ReactiveMaps for Vue over here](https://docs.appbase.io/docs/reactivesearch/vue/map/reactivegooglemap/).

If you're a mobile developer, ReactiveMaps is also available with the Searchbox Flutter package. Read the docs for [ReactiveMaps on Flutter over here](https://docs.appbase.io/docs/reactivesearch/flutter-searchbox-ui/reactive-google-map/).

### See what you can build with ReactiveMaps

Here are some example apps that showcase the possibilities of what you can build with ReactiveMaps:

- Build an Airbnb like search experience where a map and list view are used for showing search results, and changing pages also reactively updates the map pins in sync: [Demo link](https://opensource.appbase.io/reactivesearch/demos/airbeds/), [Code link](https://github.com/appbaseio/reactivesearch/tree/next/site/demos/airbeds), [Tutorial post](https://blog.reactivesearch.io/geo-search-with-react-and-elasticsearch)

![Screenshot 2022-06-02 at 5.54.55 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654172714188/eOFMriuDE.png align="left")

- Showing data layers on map: [Demo link](https://opensource.appbase.io/reactivesearch/demos/datalayer/), [Code link](https://github.com/appbaseio/reactivesearch/tree/next/site/demos/datalayer)


![Screenshot 2022-06-02 at 6.24.07 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654174603198/HcTDl0R1S.png align="left")

- Show heatmap visualizations: [Demo link](https://opensource.appbase.io/reactivesearch/demos/weather/), [Code link](https://github.com/appbaseio/reactivesearch/tree/next/site/demos/weather)



![Screenshot 2022-06-02 at 6.30.12 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654174850998/zpBdOQFjN.png align="left")

- A playground demo showing use of both Google Maps and OpenStreet Maps platform: [Demo link](https://opensource.appbase.io/reactivesearch/demos/earthquake-reporter/), [Code link](https://github.com/appbaseio/reactivesearch/tree/next/site/demos/earthquake-reporter)

![Screenshot 2022-06-02 at 6.33.12 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1654175023173/rxXyouZ_c.png align="left")

- A demo showing use of MongoDB as a search engine backend

<iframe src="https://codesandbox.io/embed/github/appbaseio/reactivesearch/tree/next/packages/maps/examples/mongo-examples/ReactiveMap?fontsize=14&hidenavigation=1&theme=dark"
     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
     title="reactivemap-mongodb"
     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   ></iframe>


---

### Summary

- [Docs for ReactiveMaps](https://docs.appbase.io/docs/reactivesearch/v3/map/geodistanceslider/)
- [Website link](https://opensource.appbase.io/reactivemaps/)
- [ReactiveMaps is part of ReactiveSearch project](https://github.com/appbaseio/reactivesearch/tree/next/packages/maps), go star it ⭐️