@mappedin/react-native-sdk 3.5.0 → 4.0.4-alpha.10

package/README.md

@@ -10,6 +10,8 @@ YARN:
 
 `yarn add @mappedin/react-native-sdk react-native-webview`
 
+Update cocoapods: `cd ios && pod install`
+
 # Usage:
 
 We provide both a declarative API using props and an imperative API with methods. For example, to listen to polygon clicks, we provide a prop `onPolygonClicked`; in order to focus the map onto this polygon, we provide an imperative API method <a href="classes/mapviewstore.html#focuson">`focusOn`</a>.
@@ -31,7 +33,6 @@ const MiMapView = (props: TMapViewProps) => React.ReactElement;
 | onPolygonClicked              | Gets called when clicking interactive polygon                                 | ({ polygon: <a href="classes/mappedinpolygon.html">`MappedinPolygon`</a> }) => void              | No       |
 | onDataLoaded                  | Fired when <a href="classes/mappedin.html">`Mappedin`</a> data is loaded      | ({ venueData: <a href="classes/mappedin.html">`Mappedin`</a> }) => void                          | No       |
 | onFirstMapLoaded              | Fires when map can first be interacted with                                   | () => void                                                                                       | No       |
-| (deprecated) onBlueDotUpdated | Fires when BlueDot updates                                                    | ({ update: <a href="modules.html#tbluedotupdate">`TBlueDotUpdate`</a> }) => void                 | No       |
 | onBlueDotStateChanged         | Fires when BlueDot state changes                                              | ({ stateChange: <a href="modules.html#tbluedotstatechange">`TBlueDotStateChange`</a> }) => void  | No       |
 | onBlueDotPositionUpdated      | Fires when BlueDot position changes                                           | ({ update: <a href="modules.html#tbluedotpositionupdate">`TBlueDotPositionUpdate`</a> }) => void | No       |
 | onStateChanged                | Fires when SDK State changes                                                  | ({ state: <a href="enums/state.html">`STATE`</a> }) => void                                      | No       |
@@ -203,8 +204,9 @@ const App = () => {
         mapView.current.clearAllPolygonColors();
         mapView.current.setPolygonColor(polygon, 'red');
         // lets wait for the focusOn to complete
-        await mapView.current.focusOn({
-          polygons: [polygon],
+        await mapView.current.Camera.focusOn({ targets: {
+            polygons: [polygon],
+          }
         });
         console.log('success!');
       }}
@@ -377,8 +379,9 @@ const App = () => {
             // draw path on map
             await controller.current?.Journey.draw(directions);
             // focus on the path
-            controller.current?.focusOn({
-              nodes: directions.path,
+            controller.current?.Camera.focusOn({ targets: {
+                nodes: directions.path,
+              }
             });
           } catch (e) {
             console.error(e);
@@ -388,7 +391,7 @@ const App = () => {
       <Button
         title="Reset"
         onPress={() => {
-          mapView.current.Journey.clear();
+          mapView.current.clearAllPaths();
           setDeparture(undefined);
           setDestination(undefined);
         }}
@@ -613,8 +616,9 @@ const App = () => {
             // draw path and connections on map
             await controller.current?.Journey.draw(directions);
             // focus on the path
-            controller.current?.focusOn({
-              nodes: directions.path,
+            controller.current?.Camera.focusOn({ targets: {
+                nodes: directions.path,
+              }
             });
           } catch (e) {
             console.error(e);