Get Started with Reactive Maps

Use our step-by-step guide to learn all about Reactive Maps, or check out our docs.

Use our step-by-step guide to learn all about Reactive Search, or check out our docs.

1

Install Reactive X

ReactiveSearch is a set of Elasticsearch components for building data-driven UIs.

ReactiveMaps is an extension of ReactiveSearch that provides map focused UI components.

npm install @appbaseio/reactivesearch

npm install @appbaseio/reactivemaps

2

Add Google Maps JS

ReactiveMaps use Google Maps to render the map component. You can add the following script in the <head> element of your main .html file.


Get the API Key and info on how to add the Maps script.

STEP-BY-STEP INSTALLATION GUIDE

3

Connect to your ES index

ReactiveMaps components can connect to an Elasticsearch index (hosted anywhere) for performing geospatial queries.


Get a free trial and create a cluster with reactivesearch.io, or learn more on how to connect with your Elasticsearch.

4

Create or Import dataset

Use Dejavu, an open-source databrowser from reactivesearch.io to create, view, edit and import dataset into your Elasticsearch index.

DEJAVU

5

UI Components

Add UI components for Maps, Search, Lists, Ranges, and Results.

6

Maps for Flutter

ReactiveMaps is also available for Flutter.

Build a live app in 5 easy steps

Go from scratch to creating a data-driven search app with our beginner friendly quick start guide.

Get dedicated support

We offer production support for ReactiveMaps. Work with us to bring your dream project to life.

Get dedicated support

We offer production support for ReactiveMaps. Work with us to bring your dream project to life.

Get dedicated support

We offer production support for ReactiveMaps. Work with us to bring your dream project to life.

Get dedicated support

We offer production support for ReactiveMaps. Work with us to bring your dream project to life.