You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/reactivesearch/v3/overview/reactivemaps-migration.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,10 +12,10 @@ sidebar: 'docs'
12
12
nestedSidebar: 'web-reactivesearch'
13
13
---
14
14
15
-
ReactiveMaps is rolled out with new features and easy to setup/ use setup. This guide talks about what's changed and how should a user be switching to the newest version without breaking things.
15
+
ReactiveMaps 3.0.0 is published 🎉 with new features and is easier than ever to setup and use. This guide talks about what's changed and how should you as a user be switching to a 3.x stable version without breaking things.
16
16
17
17
18
-
> Behind the scenes, we have switched from using the unmaintained `react-google-maps` to a maintained rewirte`@react-google-maps/api` library.
18
+
> Behind the scenes, we have switched from using the unmaintained `react-google-maps` to a maintained rewrite in the`@react-google-maps/api` library.
19
19
20
20
## Script Loading
21
21
@@ -27,7 +27,7 @@ Now, just pass the secret google key to the `ReactiveBase` wrapper component usi
27
27
```html
28
28
<html>
29
29
<head>
30
-
<script src="_GOOGLE_SCRIT_LINK"></script>
30
+
<script src="_GOOGLE_SCRIPT_LINK"></script>
31
31
</head>
32
32
</html>
33
33
```
@@ -40,8 +40,7 @@ Now, just pass the secret google key to the `ReactiveBase` wrapper component usi
40
40
</ReactiveBase>
41
41
```
42
42
43
-
Additionally, pass the `mapLibraries` prop to load additional google libraries like `places`, `visualization`, etc.
44
-
The following are available according to [Google Docs](https://developers.google.com/maps/documentation/javascript/libraries):
43
+
Additionally, pass the `mapLibraries` prop to load additional google libraries like `places`, `visualization`, and more. The following values can be set as per the [Google Maps API Docs](https://developers.google.com/maps/documentation/javascript/libraries):
45
44
- `drawing`
46
45
- `geometry`
47
46
- `localContext`
@@ -56,7 +55,7 @@ The following are available according to [Google Docs](https://developers.google
56
55
/>
57
56
```
58
57
59
-
> Mandatorily pass ***`mapLibraries={['places']}`*** when using either or both of GeoDistanceDropdown/ GeoDistanceSlider components from [ReactiveMaps 🗺️ ](https://docs.appbase.io/docs/reactivesearch/v3/overview/reactivemaps/).
58
+
> It's required to pass ***`mapLibraries={['places']}`*** when using either GeoDistanceDropdown or GeoDistanceSlider components from [ReactiveMaps 🗺️ ](https://docs.appbase.io/docs/reactivesearch/v3/overview/reactivemaps/).
60
59
61
60
## Component API changes
62
61
@@ -83,7 +82,7 @@ The following are available according to [Google Docs](https://developers.google
83
82
render={(props) => {
84
83
const
85
84
{
86
-
data: hits, //parased hits
85
+
data: hits, //parsed hits
87
86
loading,
88
87
error,
89
88
promotedData,
@@ -113,7 +112,7 @@ The following are available according to [Google Docs](https://developers.google
113
112
}
114
113
```
115
114
116
-
2. `renderData` changes to `renderItem` prop.
115
+
2. `renderData` changes to `renderItem` prop
117
116
- before
118
117
119
118
```jsx
@@ -129,4 +128,4 @@ The following are available according to [Google Docs](https://developers.google
0 commit comments