記事の内容
google_maps_flutterを使って、Google Map上にマークをつける方法を紹介します。
そして、その際のマークには自分が用意した独自の画像を使います。
実装したいこと
こんな風に、Google Map上に独自のマーカーを立てたい。
実際のコード
pubspec.yamlに下記の内容を追記します。
assets: - assets/
そして、assetsディレクトリ内に、自分が保存した画像を入れておきます。
私の場合は、「money.png」を入れました。
コードは、以下の部分です。
このメソッドをinitState内で呼び出しています。
void setCustomMapPin() async {
pinLocationIcon = await BitmapDescriptor.fromAssetImage(
ImageConfiguration(devicePixelRatio: 1), 'assets/money.png');
}
