【发布时间】：2022-11-02 17:19:40
【问题描述】：
这是我在这个网站上的第一篇文章，所以我希望能得到我需要的帮助。
我是 Flutter 新手，我正在尝试使用 flutter_polyline_points 插件在用户位置和 const marker 之间绘制折线或路线。路线不显示。
那么有人可以帮助我实现这一目标吗？
提前致谢！
这些是我的代码：
class OrderTrackingPageState extends State<OrderTrackingPage> {
final Completer<GoogleMapController> _controller = Completer();
Set<Polyline> _polylines = Set<Polyline>();
List<LatLng> polylineCoordinates = [];
PolylinePoints polylinePoints = PolylinePoints();
late LatLng currentLocation;
late Position currentPosition;
final List<Marker> _markers = <Marker>[
Marker(
markerId: MarkerId('1'),
position: LatLng(33.31271476080750, 44.35060022264830),
infoWindow: InfoWindow(
title: 'sourceLocation',
)),
Marker(
markerId: MarkerId('2'),
position: LatLng(33.305691, 44.369390),
infoWindow: InfoWindow(
title: 'destination',
)),
];
void setPolylines() async {
PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
'AIzaSyBzQAiu2jCU10HxZYHcxEHTKlEOWB8zJLg', // Your Google Map Key
PointLatLng(
_markers[0].position.latitude, _markers[0].position.longitude),
PointLatLng(
_markers[1].position.latitude, _markers[1].position.longitude),
);
if (result.status == 'ok') {
result.points.forEach((PointLatLng point) {
polylineCoordinates.add(LatLng(point.latitude, point.longitude));
});
setState(() {
_polylines.add(
Polyline(
polylineId: PolylineId("polyline"),
points: polylineCoordinates,
color: const Color(0xFF7B61FF),
width: 6,
),
);
});
}
}
@override
void initState() {
polylinePoints = PolylinePoints();
setPolylines();
getUserCurrentLocation().then((value) async {
CameraPosition cameraPosition = new CameraPosition(
target: LatLng(value.latitude, value.longitude),
zoom: 14,
);
final GoogleMapController controller = await _controller.future;
controller.animateCamera(CameraUpdate.newCameraPosition(cameraPosition));
setState(() {});
});
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton(
backgroundColor: Colors.grey,
child: Icon(Icons.my_location),
onPressed: () async {
getUserCurrentLocation().then((value) async {
print(value.latitude.toString() + " " + value.longitude.toString());
// sourceLocation=LatLng(value.latitude, value.longitude);
setState(() {
_markers[0] = Marker(
markerId: MarkerId("1"),
position: LatLng(value.latitude, value.longitude),
infoWindow: InfoWindow(
title: 'My first Location',
),
);
});
// specified current users location
CameraPosition cameraPosition = new CameraPosition(
target: LatLng(value.latitude, value.longitude),
zoom: 14,
);
final GoogleMapController controller = await _controller.future;
controller
.animateCamera(CameraUpdate.newCameraPosition(cameraPosition));
setState(() {});
});
},
),
body: GoogleMap(
initialCameraPosition: CameraPosition(
target: LatLng(
_markers[0].position.latitude, _markers[0].position.longitude),
zoom: 13.5,
),
polylines: _polylines,
markers: Set<Marker>.of(_markers),
onMapCreated: (mapController) {
_controller.complete(mapController);
setPolylines();
},
myLocationEnabled: true,
myLocationButtonEnabled: false,
zoomGesturesEnabled: true,
zoomControlsEnabled: true,
),
);
}
Future<Position> getUserCurrentLocation() async {
await Geolocator.requestPermission().then((value) {
print(value);
}).onError((error, stackTrace) async {
await Geolocator.requestPermission();
print("ERROR" + error.toString());
});
return await Geolocator.getCurrentPosition();
}
}
【问题讨论】：
-
您遇到了哪些错误导致您在这里寻求帮助？社区也会非常感激。
-
我没有任何错误，但是当我运行我的应用程序时，折线没有显示在地图上
标签： flutter dart google-maps