ReactiveMaps 3.0 - UI Components for building Geo Search UIs ✨

ReactiveMaps 3.0 - UI Components for building Geo Search UIs ✨

Reactive Search's photo
Reactive Search
·Jun 2, 2022·

2 min read

Subscribe to our newsletter and never miss any upcoming articles

ReactiveMaps v3 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 to build your first geo search UI in the next 30 minutes! 🚀

Key Highlights

  • Supports Elasticsearch, OpenSearch and MongoDB Atlas 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.

ReactiveMaps is also available for Vue with ReactiveSearch Vue. Read the docs for ReactiveMaps for Vue over here.

If you're a mobile developer, ReactiveMaps is also available with the Searchbox Flutter package. Read the docs for ReactiveMaps on Flutter over here.

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, Code link, Tutorial post

Screenshot 2022-06-02 at 5.54.55 PM.png

Screenshot 2022-06-02 at 6.24.07 PM.png

Screenshot 2022-06-02 at 6.30.12 PM.png

  • A playground demo showing use of both Google Maps and OpenStreet Maps platform: Demo link, Code link

Screenshot 2022-06-02 at 6.33.12 PM.png

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

Summary

 
Share this