GoogleMapでマーカー(ピン)の画像をカスタマイズしたい時ありますよね?FlutterFlow(フラッターフロー)では簡単にそれができます。
便利ですね。
今回はFlutterFlowでGoogleMapのマーカーを変更する方法を紹介します。
そもそもFlutterFlow(フラッターフロー)とは?
FlutterFlowとはアプリやWebを開発できるノーコード(ローコード)ツールで、従来のプログラミングして開発するやり方の10倍速で開発できると言われている今最も注目されているローコードツールの一つです。
詳しくは以下を見てみてください。
ネイティブアプリを10倍速で作れるノーコードツールFlutterFlowとは?
FlutterFlowでGoogleMapのマーカー(ピン)の画像を変更する方法

やり方は簡単です。まず、デフォルトでは上記画像のように赤いピンが表示されますよね。
「Marker Icon」がDefaultになってると思います。

そこで、上記画像のように、GoogleMapのMarker IconのところをDefaultから「Image」に変えます。
あとは、「Asset」から好きな画像をアップロードすることで、通常の赤いピンから他の画像に変えました。上記例では弊社のロゴに変えてみました。
簡単ですね!
アプリ・Webサービスの開発の無料相談はこちら
FlutterFlow、bubble、Adalo、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。
弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。
また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。
アプリ、Webサービス、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。
