Mapview Annotations Callbacks

1import 'package:flutter/material.dart';
2import 'package:nb_maps_flutter/nb_maps_flutter.dart';
3
4import 'page.dart';
5
6class ClickAnnotationPage extends ExamplePage {
7 ClickAnnotationPage()
8     : super(const Icon(Icons.check_circle), 'Annotation tap');
9
10 @override
11 Widget build(BuildContext context) {
12   return const ClickAnnotationBody();
13 }
14}
15
16class ClickAnnotationBody extends StatefulWidget {
17 const ClickAnnotationBody();
18
19 @override
20 State<StatefulWidget> createState() => ClickAnnotationBodyState();
21}
22
23class ClickAnnotationBodyState extends State<ClickAnnotationBody> {
24 ClickAnnotationBodyState();
25
26 static const LatLng center = const LatLng(-33.88, 151.16);
27 bool overlapping = false;
28
29 NextbillionMapController? controller;
30
31 void _onMapCreated(NextbillionMapController controller) {
32   this.controller = controller;
33   controller.onFillTapped.add(_onFillTapped);
34   controller.onCircleTapped.add(_onCircleTapped);
35   controller.onLineTapped.add(_onLineTapped);
36   controller.onSymbolTapped.add(_onSymbolTapped);
37 }
38
39 @override
40 void dispose() {
41   controller?.onFillTapped.remove(_onFillTapped);
42   controller?.onCircleTapped.remove(_onCircleTapped);
43   controller?.onLineTapped.remove(_onLineTapped);
44   controller?.onSymbolTapped.remove(_onSymbolTapped);
45   super.dispose();
46 }
47
48 _showSnackBar(String type, String id) {
49   final snackBar = SnackBar(
50       content: Text('Tapped $type $id',
51           style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
52       backgroundColor: Theme.of(context).primaryColor);
53   ScaffoldMessenger.of(context).clearSnackBars();
54   ScaffoldMessenger.of(context).showSnackBar(snackBar);
55 }
56
57 void _onFillTapped(Fill fill) {
58   _showSnackBar('fill', fill.id);
59 }
60
61 void _onCircleTapped(Circle circle) {
62   _showSnackBar('circle', circle.id);
63 }
64
65 void _onLineTapped(Line line) {
66   _showSnackBar('line', line.id);
67 }
68
69 void _onSymbolTapped(Symbol symbol) {
70   _showSnackBar('symbol', symbol.id);
71 }
72
73 void _onStyleLoaded() {
74   controller!.addCircle(
75     CircleOptions(
76       geometry: LatLng(-33.881979408447314, 151.171361438502117),
77       circleStrokeColor: "#00FF00",
78       circleStrokeWidth: 2,
79       circleRadius: 16,
80     ),
81   );
82   controller!.addCircle(
83     CircleOptions(
84       geometry: LatLng(-33.894372606072309, 151.17576679759523),
85       circleStrokeColor: "#00FF00",
86       circleStrokeWidth: 2,
87       circleRadius: 30,
88     ),
89   );
90   controller!.addSymbol(
91     SymbolOptions(
92         geometry: LatLng(-33.894372606072309, 151.17576679759523),
93         iconImage: "fast-food-15",
94         iconSize: 2),
95   );
96   controller!.addLine(
97     LineOptions(
98       geometry: [
99         LatLng(-33.874867744475786, 151.170627211986584),
100         LatLng(-33.881979408447314, 151.171361438502117),
101         LatLng(-33.887058805548882, 151.175032571079726),
102         LatLng(-33.894372606072309, 151.17576679759523),
103         LatLng(-33.900060683994681, 151.15765587687909),
104       ],
105       lineColor: "#0000FF",
106       lineWidth: 20,
107     ),
108   );
109
110   controller!.addFill(
111     FillOptions(
112       geometry: [
113         [
114           LatLng(-33.901517742631846, 151.178099204457737),
115           LatLng(-33.872845324482071, 151.179025547977773),
116           LatLng(-33.868230472039514, 151.147000529140399),
117           LatLng(-33.883172899638311, 151.150838238009328),
118           LatLng(-33.894158309528244, 151.14223647675135),
119           LatLng(-33.904812805307806, 151.155999294764086),
120           LatLng(-33.901517742631846, 151.178099204457737),
121         ],
122       ],
123       fillColor: "#FF0000",
124       fillOutlineColor: "#000000",
125     ),
126   );
127 }
128
129 @override
130 Widget build(BuildContext context) {
131   return Scaffold(
132     body: NBMap(
133       annotationOrder: [
134         AnnotationType.fill,
135         AnnotationType.line,
136         AnnotationType.circle,
137         AnnotationType.symbol,
138       ],
139       onMapCreated: _onMapCreated,
140       onStyleLoadedCallback: _onStyleLoaded,
141       initialCameraPosition: const CameraPosition(
142         target: center,
143         zoom: 12.0,
144       ),
145     ),
146     floatingActionButton: ElevatedButton(
147         onPressed: () {
148           setState(() {
149             overlapping = !overlapping;
150           });
151           controller!.setSymbolIconAllowOverlap(overlapping);
152           controller!.setSymbolIconIgnorePlacement(overlapping);
153
154           controller!.setSymbolTextAllowOverlap(overlapping);
155           controller!.setSymbolTextIgnorePlacement(overlapping);
156         },
157         child: Padding(
158           padding: const EdgeInsets.all(8.0),
159           child: Text("Toggle overlapping"),
160         )),
161   );
162 }
163}