プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

プログラミング言語 スクリプト言語 コンパイル言語 アプリ開発 サーバー、インフラ、セキュリティなど 機械学習系 ゲーム開発 データベース 子供向け デザイン その他 おまけ まとめ この記事では、様々な書籍を紹介しました。 是非、自分に合 ...

続きを見る

【Flutter入門】Google Mapに独自のmarkerアイコンをセットする方法

投稿日:

記事の内容


google_maps_flutterを使って、Google Map上にマークをつける方法を紹介します。
そして、その際のマークには自分が用意した独自の画像を使います。

実装したいこと

こんな風に、Google Map上に独自のマーカーを立てたい。

実際のコード

pubspec.yamlに下記の内容を追記します。

そして、assetsディレクトリ内に、自分が保存した画像を入れておきます。
私の場合は、「money.png」を入れました。

コードは、以下の部分です。
このメソッドをinitState内で呼び出しています。

まとめ

google_maps_flutterを使って、Google Map上に独自のマークをつける方法を紹介しました。

Good luck for your engineer life!

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.