Upload Flutter Instrument Cluster app

Instrument Cluster demo app which shows speedometer
tachometer guages, temperature and fuel bars and some
indicators like turn indicators, engine malfunction,
lights, cruise control, lane assist. KUKSA.VAL is the
data source for the widgets.

This app depends on several plugins and all the plugins
have an OSI-approved license.

Bug-AGL: SPEC-4543

Change-Id: I2698c66f9d8d824690ae7e567ca7c93ceeb17e08
Signed-off-by: Aakash Solanki <tech2aks@gmail.com>

2 files changed, 222 insertions, 0 deletions

diff --git a/lib/map/navigationHome.dart b/lib/map/navigationHome.dart
new file mode 100644
index 0000000..5218de7
--- /dev/null
+++ b/lib/map/navigationHome.dart
@@ -0,0 +1,136 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:flutter_cluster_dashboard/cluster_config.dart';
+import 'package:flutter_map/flutter_map.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_cluster_dashboard/map/networkPolyline.dart';
+import 'package:flutter_cluster_dashboard/provider.dart';
+import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_provider.dart';
+import 'package:latlong2/latlong.dart';
+
+class NavigationHome extends ConsumerStatefulWidget {
+  const NavigationHome({Key? key}) : super(key: key);
+
+  @override
+  ConsumerState<NavigationHome> createState() => _NavigationHomeState();
+}
+
+class _NavigationHomeState extends ConsumerState<NavigationHome> {
+  late Timer timerCurrLocation;
+  Timer timerPolyline = Timer.periodic(const Duration(hours: 10), ((timer) {}));
+  double pathStroke = 5;
+  late MapController mapController;
+  // randomly initialization of the variable
+  LatLng src = LatLng(31.71, 76.95);
+  LatLng markerLocation = LatLng(31.71, 76.95);
+
+  @override
+  void initState() {
+    super.initState();
+    mapController = MapController();
+
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+      var vehicle = ref.read(vehicleSignalProvider);
+      var polylineDB = ref.read(polyLineStateProvider);
+      final polylineDBNotifier = ref.read(polyLineStateProvider.notifier);
+      final clusterConfig = ref.read(clusterConfigStateprovider);
+      // timer for updating map center and zoom
+      timerCurrLocation = Timer.periodic(const Duration(seconds: 2), (timer) {
+        polylineDB = ref.read(polyLineStateProvider);
+
+        vehicle = ref.read(vehicleSignalProvider);
+        markerLocation = LatLng(vehicle.currLat, vehicle.currLng);
+        // move and center
+        mapController.move(LatLng(vehicle.currLat, vehicle.currLng), 15);
+
+        // rotate
+        double rotationDegree = 0;
+        int n = polylineDB.currPolyLineList.length;
+        if (polylineDB.currPolyLineList.isNotEmpty && n > 1) {
+          rotationDegree = calcAngle(
+              polylineDB.currPolyLineList[0], polylineDB.currPolyLineList[1]);
+
+          rotationDegree = (rotationDegree.isNaN) ? 0 : rotationDegree;
+        }
+        // print("Rotation:$rotationDegree");
+        mapController.rotate(-1 * rotationDegree);
+      });
+
+      // update polyline in polyline db
+      if (polylineDB.currPolyLineList.isEmpty && clusterConfig.orsApiKey.isNotEmpty) {
+        timerPolyline.cancel();
+        timerPolyline =
+            Timer.periodic(const Duration(seconds: 10), (timer) async {
+          List data = await getJsonData(ref, vehicle.currLat, vehicle.currLng,
+              vehicle.desLat, vehicle.desLng);
+          List<LatLng> currList =
+              data.map((element) => LatLng(element[1], element[0])).toList();
+          polylineDBNotifier.update(currPolyLineList: currList);
+        });
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    timerCurrLocation.cancel();
+    timerPolyline.cancel();
+  }
+
+  double tempangle = 0;
+  @override
+  Widget build(BuildContext context) {
+    final currListProvider = ref.watch(polyLineStateProvider);
+    List<LatLng> currPolyLineList = currListProvider.currPolyLineList;
+
+    return FlutterMap(
+      mapController: mapController,
+      options: MapOptions(
+        rotation: 0,
+        center: src,
+        minZoom: 12,
+        zoom: 12,
+        maxZoom: 22.0,
+        keepAlive: true,
+      ),
+      layers: [
+        TileLayerOptions(
+          maxZoom: 22,
+          maxNativeZoom: 18,
+          subdomains: ["a", "b", "c"],
+          urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+          userAgentPackageName: 'dev.fleaflet.flutter_map.example',
+        ),
+        if (currPolyLineList.isNotEmpty)
+          PolylineLayerOptions(
+            polylineCulling: false,
+            polylines: [
+              if (currPolyLineList.isNotEmpty)
+                Polyline(
+                  strokeWidth: pathStroke,
+                  points: currPolyLineList,
+                  color: Colors.blue,
+                ),
+            ],
+          ),
+        if (currPolyLineList.isNotEmpty)
+          MarkerLayerOptions(
+            rotate: true,
+            markers: [
+              Marker(
+                point: markerLocation,
+                width: 70,
+                height: 70,
+                builder: (context) => Image.asset(
+                  "images/car.png",
+                ),
+              ),
+            ],
+          ),
+      ],
+    );
+  }
+}
diff --git a/lib/map/networkPolyline.dart b/lib/map/networkPolyline.dart
new file mode 100644
index 0000000..0241bec
--- /dev/null
+++ b/lib/map/networkPolyline.dart
@@ -0,0 +1,86 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:math';
+import 'package:flutter_cluster_dashboard/cluster_config.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:http/http.dart' as http;
+import 'dart:convert';
+import 'package:latlong2/latlong.dart';
+
+class NetworkHelper {
+  NetworkHelper(
+      {required this.startLng,
+      required this.startLat,
+      required this.endLng,
+      required this.endLat});
+
+  final String url = 'https://api.openrouteservice.org/v2/directions/';
+
+  final double startLng;
+  final double startLat;
+  final double endLng;
+  final double endLat;
+
+  Future getData(WidgetRef ref) async {
+    final config = ref.read(clusterConfigStateprovider);
+    String uriStr =
+        '$url${config.orsPathParam}?api_key=${config.orsApiKey}&start=$startLng,$startLat&end=$endLng,$endLat';
+    http.Response response = await http.get(Uri.parse(uriStr));
+
+    if (response.statusCode == 200) {
+      String data = response.body;
+      return jsonDecode(data);
+    } else {
+      print("Warning: API Response Code: ${response.statusCode}");
+    }
+  }
+}
+
+Future getJsonData(
+  WidgetRef ref,
+  double startLat,
+  double startLng,
+  double endLat,
+  double endLng,
+) async {
+  if (startLat == endLat && startLng == endLng) {
+    return [];
+  } else {
+    NetworkHelper network = NetworkHelper(
+      startLat: startLat,
+      startLng: startLng,
+      endLat: endLat,
+      endLng: endLng,
+    );
+    try {
+      final apikey = ref.read(clusterConfigStateprovider).orsApiKey;
+      if (apikey.isNotEmpty) {
+        var data = await network.getData(ref);
+        return data['features'][0]['geometry']['coordinates'];
+      }
+      else {
+        return [];
+      }
+    } catch (error) {
+      print('Warning: Something Wrong with openstreet API Key !');
+      return [];
+    }
+  }
+}
+
+double calcAngle(LatLng a, LatLng b) {
+  List<double> newA = convertCoord(a);
+  List<double> newB = convertCoord(b);
+  double slope = (newB[1] - newA[1]) / (newB[0] - newA[0]);
+  // -1 * deg + 180
+  return ((atan(slope) * 180) / pi);
+}
+
+List<double> convertCoord(LatLng coord) {
+  double oldLat = coord.latitude;
+  double oldLong = coord.longitude;
+  double newLong = (oldLong * 20037508.34 / 180);
+  double newlat =
+      (log(tan((90 + oldLat) * pi / 360)) / (pi / 180)) * (20037508.34 / 180);
+  return [newlat, newLong];
+}