我正在使用Google_maps_flutter插件来使用Google Maps。我想在Google地图上绘制一个多边形,并从用户获取坐标。所采用的坐标是"位置"对象的类型。
我已经尝试使用map_view插件绘制多边形。但这对我不起作用。
这是坐标的代码段。
Geolocator geolocator = Geolocator();
StreamSubscription<Position> _positionStreamSubscription;
final List<Position> _positions = <Position>[];
void _toggleListening() {
if (_positionStreamSubscription == null) {
const LocationOptions locationOptions =
LocationOptions(accuracy: LocationAccuracy.best, distanceFilter: 10);
final Stream<Position> positionStream =
Geolocator().getPositionStream(locationOptions);
_positionStreamSubscription = positionStream.listen(
(Position position) => setState(() => _positions.add(position)));
_positionStreamSubscription.pause();
}
setState(() {
if (_positionStreamSubscription.isPaused) {
_positionStreamSubscription.resume();
} else {
_positionStreamSubscription.pause();
}
});
好吧,如果您可以将Position
对象的坐标转换为LatLng
对象,则可以使用Google_maps_flutter本身来绘制多边形。您可以看到其参数之一允许多边形。因此,仅在Google_maps_flutter的示例上构建示例,我们将首先设置多边形:
Set<Polygon> myPolygon() {
List<LatLng> polygonCoords = new List();
polygonCoords.add(LatLng(37.43296265331129, -122.08832357078792));
polygonCoords.add(LatLng(37.43006265331129, -122.08832357078792));
polygonCoords.add(LatLng(37.43006265331129, -122.08332357078792));
polygonCoords.add(LatLng(37.43296265331129, -122.08832357078792));
Set<Polygon> polygonSet = new Set();
polygonSet.add(Polygon(
polygonId: PolygonId('test'),
points: polygonCoords,
strokeColor: Colors.red));
return polygonSet;
}
然后将其提供给Googlemap小部件。
GoogleMap(
polygons: myPolygon(),
mapType: MapType.normal,
initialCameraPosition: _kGooglePlex,
onMapCreated: (GoogleMapController controller) {
_controller.complete(controller);
},
),
这将在GooglePlex附近绘制一个小三角形。
有关此功能的更多信息,您可以参考MAPS SDK形状的Android文档。API使用情况应相同,如果不是相似的话,因此您可以将其用作指南。