如何在颤振中在谷歌地图中显示旅行时间?

Question

我想从用户当前位置的 JSON 数据中获取显示的旅行时间。目前，我只显示从当前位置到目的地的折线。我的代码：

import 'package:http/http.dart' as http;
import 'dart:convert';
import 'dart:async';
const apiKey = "xxxxxxx";
class GoogleMapsServices {
Future<String> getRouteCoordinates(LatLng l1, LatLng l2) async {
String url = "https://maps.googleapis.com/maps/api/directions/json?origin=${l1
.latitude},${l1.longitude}&destination=${l2.latitude},${l2
.longitude}&mode=walking&key=$apiKey";
http.Response response = await http.get(url);
Map values = jsonDecode(response.body);
print("====================>>>>>>>>${values}");
return values["routes"]["distance"]["duration"]["overview_polyline"]["points"];
}
}```
List<LatLng> _convertToLatLng(List points) {
List<LatLng> result = <LatLng>[];
for (int i = 0; i < points.length; i++) {
if (i % 2 != 0) {
result.add(LatLng(points[i - 1], points[i]));
}
}
void createRoute(String encondedPoly) {
_polyLines.add(Polyline(
polylineId: PolylineId(latLng.toString()),
width: 4,
points: _convertToLatLng(_decodePoly(encondedPoly)),
color: Colors.deepOrange),
);
}
List _decodePoly(String poly) {
var list = poly.codeUnits;
var lList = new List();
int index = 0;
int len = poly.length;
int c = 0;
do {
var shift = 0;
int result = 0;
do {
c = list[index] - 63;
result |= (c & 0x1F) << (shift * 5);
index++;
shift++;
} while (c >= 32);
if (result & 1 == 1) {
result = ~result;
}
var result1 = (result >> 1) * 0.00001;
lList.add(result1);
} while (index < len);
for (var i = 2; i < lList.length; i++)
lList[i] += lList[i - 2];
print(lList.toString());
return lList;
}
Widget _mapWidget() {
return GoogleMap(
mapType: MapType.hybrid,
polylines: polyLines,
markers: _createMarker(),
initialCameraPosition: CameraPosition(
target: latLng, zoom: 12.0),
onMapCreated: (GoogleMapController controller) {
_controller = controller;
_setMapPins();
},
onCameraMove: onCameraMove,
tiltGesturesEnabled: false,
onTap: (LatLng location) {
setState(() {
_pinPillPosition = -100;
_pinPillPosition2 = -100;
_polyLines.clear();
});
},
);
}
return result;
}
void sendRequest() async {
LatLng destination = LatLng(52.523778, 13.405193);
String route = await _googleMapsServices.getRouteCoordinates(
latLng, destination);
createRoute(route);
}

我希望将时间和距离显示在药丸容器中，单击标记时会弹出该容器。提前谢谢你。

Answer 1

启用距离矩阵 API 后，可以使用它。

https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins=lat,lng&destinations=lat,lng&key=API-Key