标签: google-maps-flutter

我使用下面的代码创建了一个带有标记和折线的 Google 地图小部件。

一切工作正常，除了当我在两个坐标之间绘制多段线并稍后尝试删除它时，多段线不会被删除（至少不会永久删除）。当我使用下面的方法尝试删除旧的折线并添加新的折线时，我得到两条折线：

_polyLine.clear()
_polyLine.remove("id")
polylines.removeWhere((m) => m.polylineId.value == 'polyId$_randPolyId')

它被删除，然后除了新的之外又被添加。结果如下图所示：

...

void showPinsOnMap() {        
      // _polylines.removeWhere(
      // (m) => m.polylineId.value == 'polyId$_randPolyId');
      // _polylines.clear()
      _polylines = {};
      print("\n\n\nPolyLines Lenght: ${_polylines.length}\n\n\n");

   var pinPosition = LatLng(_currentLocation.latitude,_currentLocation.longitude);

   var destPosition = LatLng(_destinationLocation.latitude,
   _destinationLocation.longitude);
   _markers.add(Marker(
      markerId: MarkerId('sourcePin'),
      position: pinPosition,
      icon: _sourceIcon
   ));
   _markers.add(Marker(
      markerId: MarkerId('destPin'),
      position: destPosition,
      icon: _destinationIcon,
   ));

   setPolylines();
   notifyListeners();
}

...

...
void setPolylines() async {
   List<PointLatLng> result = await _polylinePoints.getRouteBetweenCoordinates(
   _googleAPIKey,
   _currentLocation.latitude,
   _currentLocation.longitude,
   _destinationLocation.latitude,
   _destinationLocation.longitude).catchError((onError){
     print("\n\n\n An Error Occured …

我正在尝试打开带有当前位置的谷歌地图。为此，我使用有状态的小部件。但地图需要很长时间才能加载，有时甚至根本无法加载。这是因为Future函数（用于获取当前位置）还是我的实现错误？我正在使用google_maps_flutter地图插件。这是我的代码：

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[
          FutureBuilder(
            future: _getCurrentLocation(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                print("map loaded");
                Placemark placemark = snapshot.data;
                var json = placemark.toJson();
                selectedLocation = TheLocation.fromJson(json);
                _markers.add(
                  Marker(
                    markerId: MarkerId('homeMarker'),
                    position: LatLng(
                        selectedLocation.latitude, selectedLocation.longitude),
                    icon: BitmapDescriptor.defaultMarker,
                    infoWindow: InfoWindow(title: selectedLocation.name),
                    draggable: false,
                  ),
                );
                return GoogleMap(
                  initialCameraPosition: CameraPosition(
                    target: LatLng(placemark.position.latitude,
                        placemark.position.longitude),
                    zoom: 18,
                  ),
                  markers: _markers,
                  onMapCreated: onMapCreated,
                  onCameraMove: ((_position) => _updatePosition(_position)),
                );
              } else {
                print("loading map"); …

我已经在颤振中实现了折线

Map<PolylineId, Polyline> _mapPolylines = {};
  int _polylineIdCounter = 1;

  void _add() {
    final String polylineIdVal = 'polyline_id_$_polylineIdCounter';
    _polylineIdCounter++;
    final PolylineId polylineId = PolylineId(polylineIdVal);

    final Polyline polyline = Polyline(
      polylineId: polylineId,
      consumeTapEvents: true,
      color: Colors.red,
      width: 5,
      jointType: JointType.round,
      points: points, //_createPoints(),
    );

    setState(() {
      _mapPolylines[polylineId] = polyline;
    });
  }

并将其显示在地图上

    return new GoogleMap(
        mapType: MapType.normal,
        markers: Set.from(Markers),
        initialCameraPosition: _kGooglePlex,
        polylines: Set<Polyline>.of(_mapPolylines.values),
        onMapCreated: (GoogleMapController controller) async {
          _controller.complete(controller);
        });

我正在使用 google_maps_flutter 包，我试图指示我的路线方向。

我在 Flutter 中使用谷歌地图时遇到问题，
https://pub.dev/packages/google_maps_flutter

我的代码如下：

GoogleMap(
          mapType: MapType.normal,
          myLocationEnabled: true,
          myLocationButtonEnabled: true,
          onMapCreated: _onMapCreated,
          padding: EdgeInsets.only(top: ScreenUtil().setHeight(100)),
          zoomControlsEnabled: false,
          initialCameraPosition: CameraPosition(
            target: _currentPosition ?? Constants.DEFAULT_POSITION,
            zoom: 17,
          ),
        )

第一次运行时，出现位置权限对话框，当我接受权限时，我的位置按钮没有出现。

当我第二次打开googlemap页面时（此时已经授予权限），我的位置显示正常。

谢谢

我想根据圆的半径缩放谷歌地图缩放级别。从技术上讲，我希望用户以最佳缩放级别在地图上看到圆圈。我试图获得边界并调整相机位置，但圆没有任何这样的边界参数..

GoogleMap(
            onMapCreated: (GoogleMapController controller) {
               controller.showMarkerInfoWindow(MarkerId("0"));
            },
            circles: Set.from([
              Circle(
                circleId: CircleId("0"),
                center: LatLng(...),
                radius: 1000,
              )
            ]),
            initialCameraPosition: CameraPosition(
              target: LatLng(..),
              **zoom: 15, // I want to scale zoom based on radius of circle.**
            ),
            markers: {
              Marker(
                markerId: MarkerId("0"),
                position: LatLng(..),
                infoWindow: InfoWindow(title: ...)
              )
            },
          ),
        ),

提前致谢。

嘿，当将 GoogleMaps 添加到我的项目时，似乎每当拖动地图或移动相机时，都会出现大量日志垃圾邮件

I/Counters( 4961): exceeded sample count in FrameTime

这似乎是此处报告的 flutter 中 GoogleMaps 的常见问题。

这里和这里

PS设置myLocationEnabled: false，不会解决问题，因为手动移动地图时仍然会发生这种情况

class MyMap extends StatelessWidget {
  const MyMap({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GoogleMap(
      initialCameraPosition: CameraPosition(
        target: state.location ?? const LatLng(0, 0),
        zoom: 15.0,
      ),
      mapType: MapType.normal,
      myLocationEnabled: false,
      zoomGesturesEnabled: true,
      scrollGesturesEnabled: true,
      tiltGesturesEnabled: false,
      rotateGesturesEnabled: true,
      zoomControlsEnabled: false,
    );
  }
}

有谁知道是否有解决此问题的最佳方法的更新？谢谢

我正在我当前正在开发的 Flutter 项目中使用 google_maps_flutter: ^2.1.3 包，我想在应用程序的地图上显示活动区域。我尝试使用多边形显示地图上的活动区域，但无法将这些区域之外的部分绘制为不同的颜色。实际上，正是我在地图上想要的，到处都是灰色的（明确它不活跃），但某些区域将是白色的（明确它是活跃的）并被边界包围。看下图你就能明白我想要的是什么。这样一来，地图上就会出现不止一个活动区域。

注意：正如我之前提到的，我可以使用多边形获取此图像，但我无法将多边形的外部设为灰色。