update

2022-04-17 11:45:21 +05:30
parent ee3845681d
commit e6cf730ae2
30 changed files with 1260 additions and 534 deletions
--- a/lib/widgets/map_widget.dart
+++ b/lib/widgets/map_widget.dart
@ -0,0 +1,104 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_map/plugin_api.dart';
+import 'package:flutter_map_location_marker/flutter_map_location_marker.dart';
+import 'package:flutter_map_marker_cluster/flutter_map_marker_cluster.dart';
+import 'package:geojson/geojson.dart';
+import 'package:get/get.dart';
+import 'package:get/get_state_manager/get_state_manager.dart';
+import 'package:latlong2/latlong.dart';
+import 'package:rogapp/index/index_controller.dart';
+import 'package:rogapp/widgets/base_layer_widget.dart';
+import 'package:rogapp/widgets/bottom_sheet_widget.dart';
+
+class MapWidget extends StatelessWidget {
+
+  final IndexController indexController = Get.find<IndexController>();
+
+  MapWidget({ Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final PopupController _popupController = PopupController();
+    return Stack(
+                  children: [
+                    Obx(() => 
+                      FlutterMap(
+                      //mapController: mapController,
+                      options: MapOptions(
+                          onMapCreated: (c){indexController.mapController = c;},
+                          //center: LatLng(37.15319600454702, 139.58765950528198),
+                          bounds: indexController.currentBound.length > 0 ? indexController.currentBound[0]: LatLngBounds.fromPoints([LatLng(35.03999881162295, 136.40587119778962), LatLng(36.642756778706904, 137.95226720406063)]),
+                          zoom: 1,
+                          maxZoom: 20,
+                          plugins: [
+                            MarkerClusterPlugin(),
+                          ],
+                          onTap: (_, __) =>
+                              _popupController
+                                  .hideAllPopups(), // Hide popup when the map is tapped.
+                        ),
+                        children: [
+                          BaseLayer(),
+                          LocationMarkerLayerWidget(),
+                          indexController.locations.length > 0 ?
+                          MarkerClusterLayerWidget(
+                            options: MarkerClusterLayerOptions(
+                              spiderfyCircleRadius: 80,
+                              spiderfySpiralDistanceMultiplier: 2,
+                              circleSpiralSwitchover: 12,
+                              maxClusterRadius: 20,
+                              rotate: true,
+                              onMarkerTap: (marker){
+                                GeoJsonFeature? fs = indexController.getFeatureForLatLong(marker.point.latitude, marker.point.longitude);
+                                print(fs);
+                                if(fs != null){
+                                  if(indexController.currentFeature.length > 0) {
+                                    indexController.currentFeature.clear();
+                                  }
+                                  indexController.currentFeature.add(fs);
+            
+                                  showModalBottomSheet(context: context, isScrollControlled: true, 
+                                    builder:((context) => BottomSheetWidget())
+                                  );
+                                }
+                                
+                              },
+            
+                              size: Size(40, 40),
+                              anchor: AnchorPos.align(AnchorAlign.center),
+                              fitBoundsOptions: const FitBoundsOptions(
+                                padding: EdgeInsets.all(50),
+                                maxZoom: 265,
+                              ),
+                              markers:indexController.locations[0].collection.map((i) {
+                                GeoJsonMultiPoint p = i.geometry as GeoJsonMultiPoint;
+                                return Marker(
+                                  anchorPos: AnchorPos.align(AnchorAlign.center),
+                                  height: 70.0,
+                                  width: 70.0,
+                                  point: LatLng(p.geoSerie!.geoPoints[0].latitude, p.geoSerie!.geoPoints[0].longitude),
+                                  builder: (ctx) => Icon(Icons.pin_drop),
+                                );
+                              }).toList(),
+                              builder: (context, markers) {
+                                return Container(
+                                  decoration: BoxDecoration(
+                                      borderRadius: BorderRadius.circular(20.0),
+                                      color: Colors.blue),
+                                  child: Center(
+                                    child: Text(
+                                      markers.length.toString(),
+                                      style: TextStyle(color: Colors.white),
+                                    ),
+                                  ),
+                                );
+                              },
+                            ),
+                          ): Container(height:0,width: 0),
+                        ],
+                    )
+                    )
+                  ],
+                );
+  }
+}