diff options
Diffstat (limited to 'lib/map')
| -rw-r--r-- | lib/map/navigationHome.dart | 136 | ||||
| -rw-r--r-- | lib/map/networkPolyline.dart | 86 |
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]; +} |