182 lines
7.9 KiB
Dart
182 lines
7.9 KiB
Dart
// import 'package:flutter/material.dart';
|
|
// import 'package:flutter/rendering.dart';
|
|
// import 'package:flutter_breadcrumb/flutter_breadcrumb.dart';
|
|
// import 'package:flutter_map/plugin_api.dart';
|
|
// import 'package:flutter_map_location_marker/flutter_map_location_marker.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/pages/drawer/drawer_page.dart';
|
|
// import 'package:rogapp/pages/home/home_controller.dart';
|
|
// import 'package:flutter_map_marker_cluster/flutter_map_marker_cluster.dart';
|
|
// import 'package:rogapp/routes/app_pages.dart';
|
|
// import 'package:rogapp/widgets/base_layer_widget.dart';
|
|
// import 'package:rogapp/widgets/bottom_sheet_widget.dart';
|
|
// import 'package:rogapp/widgets/perfecture_widget.dart';
|
|
|
|
|
|
// class MapPage extends GetView<HomeController> {
|
|
// MapPage({ Key? key }) : super(key: key);
|
|
|
|
// final HomeController homeController = Get.find<HomeController>();
|
|
// final MapController mapController = MapController();
|
|
|
|
|
|
// Widget getBreadCurms(){
|
|
// return Obx(() =>
|
|
// homeController.perfectures.length > 0 ?
|
|
// BreadCrumb.builder(
|
|
// itemCount: homeController.perfectures.length,
|
|
// builder: (index) {
|
|
// return BreadCrumbItem(
|
|
// content: PerfectureWidget(homeController: homeController, mapController: mapController) //Text('Item$index')
|
|
// );
|
|
// },
|
|
// divider: Icon(Icons.chevron_right),
|
|
// ) :
|
|
// Container(width: 0, height: 0,),
|
|
// );
|
|
// }
|
|
|
|
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
|
|
// final PopupController _popupController = PopupController();
|
|
|
|
// return Scaffold(
|
|
// drawer: DrawerPage(),
|
|
// appBar: AppBar(
|
|
// title: Text("app_title".tr),
|
|
// actions: [
|
|
// IconButton(
|
|
// icon: const Icon(Icons.map),
|
|
// onPressed: () => {print("action")},
|
|
// )
|
|
|
|
// ],
|
|
// ),
|
|
// bottomNavigationBar: BottomAppBar(
|
|
// child: new Row(
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
|
// children: <Widget>[
|
|
// Expanded(child: IconButton(icon: Icon(Icons.camera_enhance), onPressed: (){},),),
|
|
// Expanded(child: new Text('')),
|
|
// Expanded(child: IconButton(icon: Icon(Icons.travel_explore), onPressed: (){}),),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// floatingActionButton: new FloatingActionButton(
|
|
// onPressed: (){
|
|
// Get.toNamed(AppPages.INITIAL, arguments: [mapController]);
|
|
// },
|
|
// tooltip: 'Increment',
|
|
// child: new Icon(Icons.document_scanner),
|
|
// elevation: 4.0,
|
|
// ),
|
|
// floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
|
// body: SafeArea(
|
|
// child: Column(
|
|
// children: [
|
|
// Container(
|
|
// padding: EdgeInsets.symmetric(horizontal: 16.0),
|
|
// alignment: Alignment.centerLeft,
|
|
// height: 50.0,
|
|
// child: SingleChildScrollView(
|
|
// scrollDirection: Axis.horizontal,
|
|
// child:
|
|
// getBreadCurms(),
|
|
// ),
|
|
// ),
|
|
// Expanded(
|
|
// child: Obx(() =>
|
|
// Stack(
|
|
// children: [
|
|
// FlutterMap(
|
|
// mapController: mapController,
|
|
// options: MapOptions(
|
|
|
|
// //center: LatLng(37.15319600454702, 139.58765950528198),
|
|
// bounds: homeController.currentBound.length > 0 ? homeController.currentBound[0]: LatLngBounds.fromPoints([LatLng(37.15319600454702, 139.58765950528198)]),
|
|
// zoom: 6,
|
|
// maxZoom: 20,
|
|
// plugins: [
|
|
// MarkerClusterPlugin(),
|
|
// ],
|
|
// onTap: (_, __) =>
|
|
// _popupController
|
|
// .hideAllPopups(), // Hide popup when the map is tapped.
|
|
// ),
|
|
// children: [
|
|
// BaseLayer(),
|
|
// LocationMarkerLayerWidget(),
|
|
// homeController.locations.length > 0 ?
|
|
// MarkerClusterLayerWidget(
|
|
// options: MarkerClusterLayerOptions(
|
|
// spiderfyCircleRadius: 80,
|
|
// spiderfySpiralDistanceMultiplier: 2,
|
|
// circleSpiralSwitchover: 12,
|
|
// maxClusterRadius: 20,
|
|
// rotate: true,
|
|
// onMarkerTap: (marker){
|
|
// GeoJsonFeature? fs = homeController.getFeatureForLatLong(marker.point.latitude, marker.point.longitude);
|
|
// print(fs);
|
|
// if(fs != null){
|
|
// if(homeController.currentFeature.length > 0) {
|
|
// homeController.currentFeature.clear();
|
|
// }
|
|
// homeController.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:homeController.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),
|
|
// ],
|
|
// )
|
|
// ],
|
|
// )
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
// }
|
|
|