dart - 如何在 Google Maps Flutter 插件上添加折线?

我用的是官方Google Maps Flutter plugin显示 map ,它工作得很好,但现在我想在 map 上显示一条路线,所以我使用 this package为我提供路线,我只需添加 Polylines .

最佳答案

我用这个插件解决了同样的问题 google_maps_flutter: ^0.5.19

import 'package:google_maps_flutter/google_maps_flutter.dart';

static const LatLng _center = const LatLng(33.738045, 73.084488);
final Set<Marker> _markers = {};
final Set<Polyline>_polyline={};

//add your lat and lng where you wants to draw polyline
LatLng _lastMapPosition = _center;
List<LatLng> latlng = List();
LatLng _new = LatLng(33.738045, 73.084488);
LatLng _news = LatLng(33.567997728, 72.635997456);

latlng.add(_new);
latlng.add(_news);

//call this method on button click that will draw a polyline and markers

void _onAddMarkerButtonPressed() {
    getDistanceTime();
    setState(() {
        _markers.add(Marker(
            // This marker id can be anything that uniquely identifies each marker.
            markerId: MarkerId(_lastMapPosition.toString()),
            //_lastMapPosition is any coordinate which should be your default 
            //position when map opens up
            position: _lastMapPosition,
            infoWindow: InfoWindow(
                title: 'Really cool place',
                snippet: '5 Star Rating',
            ),
            icon: BitmapDescriptor.defaultMarker,

        ));
        _polyline.add(Polyline(
            polylineId: PolylineId(_lastMapPosition.toString()),
            visible: true,
            //latlng is List<LatLng>
            points: latlng,
            color: Colors.blue,
        ));
    });

    //in your build widget method
    GoogleMap(
    //that needs a list<Polyline>
        polylines:_polyline,
        markers: _markers,
        onMapCreated: _onMapCreated,
        myLocationEnabled:true,
        onCameraMove: _onCameraMove,
        initialCameraPosition: CameraPosition(
            target: _center,
            zoom: 11.0,
        ),

        mapType: MapType.normal,

    );
}

https://stackoverflow.com/questions/53171531/

相关文章:

dart - setState Dart/Flutter 中带有花括号的胖箭头符号

dart - Flutter:启动时共享首选项为空

dart - 如何在 flutter 中拆分 Dart 类?

flutter - Flutter 是否也在 iOS 上使用 Skia 进行渲染?

flutter - 在 Flutter 中的 TabBar 顶部添加指示器

dart - 将 "uint8list"的字符串转换为 Unit8List

dart - 如何在 Flutter 小部件测试中等待 future 完成?

dart - Navigator routes 清除flutter的堆栈

dart - flutter 构造函数错误

dart - Flutter:获取 HTML 页面的某些元素