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

image

始めに

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

きっかけ

個人でアプリを運用していく中で、やはり一番気にするのはランニングコストかなと思います。 マネタイズが安定してできてないため、なるべく無料枠内に収めたいと思っていました。 Google Mapsはリクエスト数によって無料枠が決まっており、モバイルアプリで利用するDynamic MapsのSKUがカウントされます。(2025/3/1時点では10000/月リクエストまで無料のようです。) 当時、3000から5000リクエストほどあり、加えてPlacesAPIのSKUも画像表示で利用していたので、近々で無料枠を超える可能性があると思い移行に踏み出しました。

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 (119)初心者向け (30)イベント (19)Google Apps Script (17)Nextjs (12)可茂IT塾 (10)React (8)Firebase (7)riverpod (6)ChatGPT (5)vscode (5)デザイン (5)新卒 (4)就活 (4)Figma (4)Dart (4)JavaScript (4)お知らせ (4)FlutterWeb (3)Prisma (3)NestJS (3)Slack (3)TypeScript (3)ワーケーション (3)インターン (3)設計 (2)線型計画法 (2)事例 (2)Git (2)Image (2)File (2)Material Design (2)経験談 (2)画像 (2)iOS (2)アプリ開発 (2)React Hooks (2)tailwindcss (2)社会人 (2)大学生 (2)RSS (1)Google (1)Web (1)CodeRunner (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)react (1)パワーポイント (1)趣味 (1)モンスターボール (1)CSS (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)オンラインオフィス (1)javascript (1)css (1)html (1)オブジェクト指向 (1)クラスの継承 (1)ポリモーフィズム (1)LINE Messaging API (1)LINE Notify (1)LINE (1)Bitcoin (1)bitFlyer (1)コミュニティー (1)文系エンジニア (1)build_runner (1)freezed (1)Freezed (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)Navigator (1)メール送信 (1)FlutterFlow (1)Firebase App Distribution (1)Fastlane (1)Dio (1)CustomClipper (1)ClipPath (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