Google MapsからMapBoxへの移行した話

image

始めに

私は個人開発で地図系のアプリを開発しており、元々はGoogle Mapsを使用していましたがMapBoxに移行したのでその理由について解説していこうと思います。

きっかけ

個人でアプリを運用していく中で、やはり一番気にするのはランニングコストかなと思います。
マネタイズが安定してできてないため、なるべく無料枠内に収めたいと思っていました。
無料枠が$200/月となっており、1か月あたり28,500回まで無料で利用できます。
しかしそれ以上は従量課金でこれからのユーザーの増加が懸念されるため移行に踏み切りました。

※2025/5/3 追記
2025年3月の料金改定により、クレジット制が廃止されモバイルでの地図の表示は無料になりました。 https://developers.google.com/maps/billing-and-pricing/faq?hl=ja

MapBoxについて

mapboxの料金体系はgoogle mapsとは異なり、月間のアクティブユーザー数によって無料枠が設けられています。 30000/月の月刊アクティブユーザー(MAU)まで無料で、数十万ダウンロードされているアプリでないと使い切れないのかなと思いました。(私のアプリはまだ500人/月くらいなので全然余裕ですw)

また、マップの表示するピンをWeb上からあらかじめ作成しておき、読み込むのでソースコードにピンの画像を保存しておく必要がないのもいいなと思いました!(アプリの容量を少しでも軽くできるので)

Flutterで実装する際もちゃんと公式ドキュメントがあるので、簡単に実装できます。 https://docs.mapbox.com/ja/flutter/maps/guides/

※MAUのカウント方法 月に1000人アプリを開いたユーザーがいれば1000/月となり、同じユーザーが2,3回と開いたとしてもそれはカウントされません。

まとめ

今回は、google mapsからmap boxに移行した理由について解説しました。 個人的には法人で地図表示以外のAPIも使う場合(Places APIなど)は料金を統一できる点でGoogle Mapsを使用してもいいのかなと思いました。
しかし、個人開発においては断然mapboxで実装したほうが料金について気にすることはなくなるのでとてもお勧めできます。
また、無料枠を超える頃にはそこそこのプチヒットアプリになっているので、ある程度安定したマネタイズ化もできているのではないかと思いました。
地図系のアプリの開発を検討している方をぜひmapbox使ってみてください。

お知らせ

可茂IT塾ではFlutter/Reactのインターンを募集しています!

可茂IT塾ではFlutter/Reactのインターンを募集しています!

可茂IT塾ではFlutter/Reactのインターンを募集しています!可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

Read More
U30可茂ITインターンハッカソン

U30可茂ITインターンハッカソン

12月28,29日開催。2日間でアプリ開発の企画から完成までを目指す!U30可茂ITインターンハッカソンを開催します。

Read More

関連の記事

タグ

Flutter (121)初心者向け (31)イベント (19)Google Apps Script (17)Nextjs (12)可茂IT塾 (11)React (8)riverpod (7)Firebase (7)デザイン (6)ChatGPT (5)vscode (5)Figma (5)JavaScript (5)新卒 (4)就活 (4)Dart (4)AI (4)お知らせ (4)FlutterWeb (3)Prisma (3)NestJS (3)Slack (3)TypeScript (3)アプリ開発 (3)ワーケーション (3)インターン (3)設計 (2)線型計画法 (2)事例 (2)Git (2)CSS (2)Freezed (2)Image (2)File (2)Material Design (2)経験談 (2)画像 (2)iOS (2)React Hooks (2)tailwindcss (2)社会人 (2)大学生 (2)RSS (1)Google (1)Web (1)CodeRunner (1)NotebookLM (1)個人開発 (1)Android (1)Unity (1)WebView (1)Twitter (1)フルリモート (1)TextScaler (1)textScaleFactor (1)学生向け (1)supabase (1)Java (1)Spring Boot (1)shell script (1)正規表現 (1)table (1)テーブル (1)hooks (1)パワーポイント (1)MCPサーバー (1)Obsidian (1)趣味 (1)モンスターボール (1)SCSS (1)Swift (1)MapBox (1)Cupertino (1)ListView (1)就活浪人 (1)既卒 (1)保守性 (1)iPad (1)シェアハウス (1)スクレイピング (1)PageView (1)画面遷移 (1)flutter_hooks (1)Gmail (1)GoogleWorkspace (1)ShaderMask (1)google map (1)Google Places API (1)GCPコンソール (1)Google_ML_Kit (1)Vercel (1)Google Domains (1)DeepLeaning (1)深層学習 (1)Google Colab (1)コード生成 (1)GitHub Copilot (1)GitHub Actions (1)オンラインオフィス (1)html (1)オブジェクト指向 (1)クラスの継承 (1)ポリモーフィズム (1)LINE Messaging API (1)LINE Notify (1)LINE (1)Bitcoin (1)bitFlyer (1)コミュニティー (1)文系エンジニア (1)build_runner (1)ヒーター (1)作業効率 (1) (1)Flutter実践開発 (1) (1)permission_handler (1)flutter_local_notifications (1)markdown (1)GlobalKey (1)ValueKey (1)Key (1)アイコン (1)go_router (1)FireStorage (1)debug (1)datetime_picker (1)Apple Store Connect (1)FlutterGen (1)デバッグ (1)Widget Inspector (1)VRChat (1)API (1)検索機能 (1)Shader (1)SharedPreferences (1)オフラインサポート (1)Navigator (1)メール送信 (1)FlutterFlow (1)Firebase App Distribution (1)Fastlane (1)Dio (1)CustomClipper (1)ClipPath (1)video_player (1)IMA (1)カスタム認証 (1)アニメーション (1)Arduino (1)ESP32 (1)フリーランス (1)会社員 (1)mac (1)csv (1)docker (1)GithubActions (1)Dialog (1)BI (1)LifeHack (1)ショートカット (1)Chrome (1)高校生 (1)キャリア教育 (1)非同期処理 (1)生体認証 (1)BackdropFilter (1)レビュー (1)getAuth (1)クローズドテスト (1)PlayConsole (1)Algolia (1)コンサルティング (1)Symbol (1)

お知らせ

可茂IT塾ではFlutter/Reactのインターンを募集しています!

可茂IT塾ではFlutter/Reactのインターンを募集しています!

可茂IT塾ではFlutter/Reactのインターンを募集しています!可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

Read More
U30可茂ITインターンハッカソン

U30可茂ITインターンハッカソン

12月28,29日開催。2日間でアプリ開発の企画から完成までを目指す!U30可茂ITインターンハッカソンを開催します。

Read More