GoogleマップのmyLocationEnabledボタンをカスタマイズするにはどうすればよいですか?

ラシャド・ナギエフ

ユーザーの現在地を表示するボタンを作成する必要があります。だから私はグーグルマップを使っています。グーグルマップにはこのようなオプションがあります。しかし、MyLocationボタンをカスタマイズする必要がありますが、その方法がわかりません。これを手伝ってくれませんか。

私はFlutterではかなり新しいですが:D

mirkancal

簡単な方法は見つかりませんでしたが、すべてがウィジェットであるため、Googleマップをスタックに配置し、アイコンボタンや必要なカスタムボタンをスタックに追加できます。

GoogleMap(
                      onMapCreated: _onMapCreated,
                      initialCameraPosition:
                          CameraPosition(target: LatLng(0.0, 0.0)),
                      markers: markers,
                    ),
                    IconButton(
                      icon: Icon(Icons.battery_charging_full),
                      onPressed: () async {
                        final center = await getUserLocation();
                        getNearbyPlaces(center);
                        Marker myPosition = Marker(
                            markerId: MarkerId('myLocation'),
                            position: center == null
                                ? LatLng(0, 0)
                                : LatLng(center.latitude, center.longitude),
                            icon: BitmapDescriptor.fromAsset(
                                'assets/logo.png'));
                        setState(() {
                          markers.add(myPosition);
                        });
                      },
                    ),
                  ],
                )

だから私がここでやっていることは基本的に、

私はStack私がIconButtonオーバーを置くのを助けるものを持っていますGoogleMapユーザーがそのボタンの上にpresssedとき、私は新しいを追加しMarker、現在位置を表示するために、あるSetMarkers私にState、と呼ばれるmarkers、私は新しいを作成していMarkerたユーザの現在位置を取得し、そのマーカーにカスタムアイコンを追加することによって、および次に、それをマーカー(セット)に追加して、GoogleMapに表示します。

私のgetUserLocation関数:

  Future<LatLng> getUserLocation() async {
    LocationManager.LocationData currentLocation;
    final location = LocationManager.Location();
    try {
      currentLocation = await location.getLocation();
      final lat = currentLocation.latitude;
      final lng = currentLocation.longitude;
      final center = LatLng(lat, lng);
      return center;
    } on Exception {
      currentLocation = null;
      return null;
    }
  }

location: ^2.1.0パッケージがあり、LocationManagerとして使用してますimport 'package:location/location.dart' as LocationManager;

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

このボタンをカスタマイズするにはどうすればよいですか?

分類Dev

プロットの寸法をカスタマイズするにはどうすればよいですか

分類Dev

プロットの寸法をカスタマイズするにはどうすればよいですか

分類Dev

カスタマイズした検索ボックスにカスタムGoogle検索を追加するにはどうすればよいですか?

分類Dev

Google App Engine Javaのログをカスタマイズするにはどうすればよいですか?

分類Dev

Google App Engine Javaのログをカスタマイズするにはどうすればよいですか?

分類Dev

Python GUIを使用してボタンとテキストボックスをカスタマイズするにはどうすればよいですか?

分類Dev

`Creatable`の` x`アイコンをカスタマイズするにはどうすればよいですか?

分類Dev

Googleマップでカスタムマップを作成するにはどうすればよいですか?

分類Dev

クラスター内の Google マップ マーカーでクリック イベントを作成するにはどうすればよいですか?

分類Dev

Firefoxのホットキーをカスタマイズするにはどうすればよいですか?

分類Dev

codeigniter 3.0でマスターテンプレートの概念をカスタマイズするにはどうすればよいですか?

分類Dev

イオンタブをカスタマイズするにはどうすればよいですか?

分類Dev

マップボックスの3D建物マップにカスタムマーカーを追加するにはどうすればよいですか?

分類Dev

Grails Spring Security Coreプラグインの資格情報チェックをカスタマイズするにはどうすればよいですか?

分類Dev

マップ内の複数のレイヤーのggplotの凡例をカスタマイズするにはどうすればよいですか?

分類Dev

フローティングアクションボタンの形状をカスタマイズするにはどうすればよいですか?

分類Dev

スピナーのドロップダウンメニューをカスタマイズするにはどうすればよいですか?

分類Dev

Azure Boardでタグの色をカスタマイズするにはどうすればよいですか?

分類Dev

UITableViewCellEditingStyleDeleteのときに削除ボタンをカスタマイズするにはどうすればよいですか?

分類Dev

Visual Studio Solution Explorerの右クリックメニューオプションをカスタマイズするにはどうすればよいですか?

分類Dev

doxygenのトップリンクバーをカスタマイズするにはどうすればよいですか?

分類Dev

XMLスキーマでカスタマイズされたタイプセットを再利用するにはどうすればよいですか?

分類Dev

Thunderbirdのキーボードショートカットをカスタマイズするにはどうすればよいですか?

分類Dev

Googleマップのズームコントロールスタイルを変更するにはどうすればよいですか?

分類Dev

ラジオボタンのCSSをカスタマイズするにはどうすればよいですか

分類Dev

ReactアプリでDataTableをカスタマイズするにはどうすればよいですか

分類Dev

Kendo UI MVCのグリッドのセルツールチップにボタンを含めるなど、ツールチップをカスタマイズするにはどうすればよいですか?

分類Dev

Vuetify- <v-select>のオプションのスタイルをカスタマイズするにはどうすればよいですか?

Related 関連記事

  1. 1

    このボタンをカスタマイズするにはどうすればよいですか?

  2. 2

    プロットの寸法をカスタマイズするにはどうすればよいですか

  3. 3

    プロットの寸法をカスタマイズするにはどうすればよいですか

  4. 4

    カスタマイズした検索ボックスにカスタムGoogle検索を追加するにはどうすればよいですか?

  5. 5

    Google App Engine Javaのログをカスタマイズするにはどうすればよいですか?

  6. 6

    Google App Engine Javaのログをカスタマイズするにはどうすればよいですか?

  7. 7

    Python GUIを使用してボタンとテキストボックスをカスタマイズするにはどうすればよいですか?

  8. 8

    `Creatable`の` x`アイコンをカスタマイズするにはどうすればよいですか?

  9. 9

    Googleマップでカスタムマップを作成するにはどうすればよいですか?

  10. 10

    クラスター内の Google マップ マーカーでクリック イベントを作成するにはどうすればよいですか?

  11. 11

    Firefoxのホットキーをカスタマイズするにはどうすればよいですか?

  12. 12

    codeigniter 3.0でマスターテンプレートの概念をカスタマイズするにはどうすればよいですか?

  13. 13

    イオンタブをカスタマイズするにはどうすればよいですか?

  14. 14

    マップボックスの3D建物マップにカスタムマーカーを追加するにはどうすればよいですか?

  15. 15

    Grails Spring Security Coreプラグインの資格情報チェックをカスタマイズするにはどうすればよいですか?

  16. 16

    マップ内の複数のレイヤーのggplotの凡例をカスタマイズするにはどうすればよいですか?

  17. 17

    フローティングアクションボタンの形状をカスタマイズするにはどうすればよいですか?

  18. 18

    スピナーのドロップダウンメニューをカスタマイズするにはどうすればよいですか?

  19. 19

    Azure Boardでタグの色をカスタマイズするにはどうすればよいですか?

  20. 20

    UITableViewCellEditingStyleDeleteのときに削除ボタンをカスタマイズするにはどうすればよいですか?

  21. 21

    Visual Studio Solution Explorerの右クリックメニューオプションをカスタマイズするにはどうすればよいですか?

  22. 22

    doxygenのトップリンクバーをカスタマイズするにはどうすればよいですか?

  23. 23

    XMLスキーマでカスタマイズされたタイプセットを再利用するにはどうすればよいですか?

  24. 24

    Thunderbirdのキーボードショートカットをカスタマイズするにはどうすればよいですか?

  25. 25

    Googleマップのズームコントロールスタイルを変更するにはどうすればよいですか?

  26. 26

    ラジオボタンのCSSをカスタマイズするにはどうすればよいですか

  27. 27

    ReactアプリでDataTableをカスタマイズするにはどうすればよいですか

  28. 28

    Kendo UI MVCのグリッドのセルツールチップにボタンを含めるなど、ツールチップをカスタマイズするにはどうすればよいですか?

  29. 29

    Vuetify- <v-select>のオプションのスタイルをカスタマイズするにはどうすればよいですか?

ホットタグ

アーカイブ