161 lines
4.2 KiB
Dart
161 lines
4.2 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:aves/widgets/common/basic/text/outlined.dart';
|
|
import 'package:aves_model/aves_model.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_map/plugin_api.dart';
|
|
import 'package:latlong2/latlong.dart';
|
|
|
|
class ScaleLayerOptions {
|
|
final UnitSystem unitSystem;
|
|
final Widget Function(double width, String distance) builder;
|
|
|
|
ScaleLayerOptions({
|
|
this.unitSystem = UnitSystem.metric,
|
|
this.builder = defaultBuilder,
|
|
});
|
|
|
|
static Widget defaultBuilder(double width, String distance) {
|
|
return ScaleBar(
|
|
distance: distance,
|
|
width: width,
|
|
);
|
|
}
|
|
}
|
|
|
|
class ScaleLayerWidget extends StatelessWidget {
|
|
final ScaleLayerOptions options;
|
|
|
|
final Distance _distanceCalculator = const Distance();
|
|
|
|
const ScaleLayerWidget({
|
|
super.key,
|
|
required this.options,
|
|
});
|
|
|
|
static const List<double> scaleMeters = [
|
|
25000000,
|
|
15000000,
|
|
8000000,
|
|
4000000,
|
|
2000000,
|
|
1000000,
|
|
500000,
|
|
250000,
|
|
100000,
|
|
50000,
|
|
25000,
|
|
15000,
|
|
8000,
|
|
4000,
|
|
2000,
|
|
1000,
|
|
500,
|
|
250,
|
|
100,
|
|
50,
|
|
25,
|
|
10,
|
|
5,
|
|
];
|
|
|
|
static const double metersInAKilometer = 1000;
|
|
static const double metersInAMile = 1609.344;
|
|
static const double metersInAFoot = 0.3048;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final map = FlutterMapState.maybeOf(context)!;
|
|
final center = map.center;
|
|
final latitude = center.latitude.abs();
|
|
final level = map.zoom.round() +
|
|
(latitude > 80
|
|
? 4
|
|
: latitude > 60
|
|
? 3
|
|
: 2);
|
|
final scaleLevel = level.clamp(0, 20);
|
|
late final double distanceMeters;
|
|
late final String displayDistance;
|
|
switch (options.unitSystem) {
|
|
case UnitSystem.metric:
|
|
// meters
|
|
distanceMeters = scaleMeters[scaleLevel];
|
|
displayDistance = distanceMeters >= metersInAKilometer ? '${(distanceMeters / metersInAKilometer).toStringAsFixed(0)} km' : '${distanceMeters.toStringAsFixed(0)} m';
|
|
case UnitSystem.imperial:
|
|
if (scaleLevel < 15) {
|
|
// miles
|
|
final distanceMiles = scaleMeters[scaleLevel + 1] / 1000;
|
|
distanceMeters = distanceMiles * metersInAMile;
|
|
displayDistance = '${distanceMiles.toStringAsFixed(0)} mi';
|
|
} else {
|
|
// feet
|
|
final distanceFeet = scaleMeters[scaleLevel - 1];
|
|
distanceMeters = distanceFeet * metersInAFoot;
|
|
displayDistance = '${distanceFeet.toStringAsFixed(0)} ft';
|
|
}
|
|
}
|
|
|
|
final start = map.project(center);
|
|
final targetPoint = _distanceCalculator.offset(center, distanceMeters, 90);
|
|
final end = map.project(targetPoint);
|
|
final width = max(0, end.x - start.x).toDouble();
|
|
|
|
return options.builder(width, displayDistance);
|
|
}
|
|
}
|
|
|
|
class ScaleBar extends StatelessWidget {
|
|
final String distance;
|
|
final double width;
|
|
|
|
static const Color fillColor = Colors.black;
|
|
static const Color outlineColor = Colors.white;
|
|
static const double outlineWidth = .5;
|
|
static const double barThickness = 1;
|
|
|
|
const ScaleBar({
|
|
super.key,
|
|
required this.distance,
|
|
required this.width,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
alignment: AlignmentDirectional.bottomStart,
|
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
OutlinedText(
|
|
textSpans: [
|
|
TextSpan(
|
|
text: distance,
|
|
style: const TextStyle(
|
|
color: fillColor,
|
|
fontSize: 11,
|
|
),
|
|
)
|
|
],
|
|
outlineWidth: outlineWidth * 2,
|
|
outlineColor: outlineColor,
|
|
),
|
|
Container(
|
|
height: barThickness + outlineWidth * 2,
|
|
width: width,
|
|
decoration: const BoxDecoration(
|
|
color: fillColor,
|
|
border: Border.fromBorderSide(BorderSide(
|
|
color: outlineColor,
|
|
width: outlineWidth,
|
|
)),
|
|
borderRadius: BorderRadius.all(Radius.circular(8)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|