Monaca(Cordova)でのGoogleマップ利用について

Question

実現したいこと

現在、Monaca または Cordovaで、Android/iOSアプリの開発を検討してます。

その中で、Googleマップの利用を行いたいのですが、その際の料金がどのようになるか
教えて頂けないでしょうか？

以下のサイトを確認すると、Google Maps Android APIやGoogle Maps SDK for iOS
を利用した場合は、「無料、無制限」となってます。

https://enterprise.google.co.jp/intl/ja/maps/pricing/#supers

Monaca や Cordovaでの開発を行った場合、「Google Maps JavaScript API」を利用する
ことになるのか、それともプラグイン等を使えば、Google Maps Android APIやGoogle
Maps SDK for iOSを利用できるかを、知りたくて調べたのですが、分からなかったので、
もしご存知の方がおりましたら、教えて頂きたく、よろしくお願いします。

Answer 1

Google Maps Android API や Google Maps SDK for iOS は、基本的にネイティブアプリ向けなので、Monaca で、プラグインを使わない場合は、使用できません。

プラグインを使わない場合は、Google Maps JavaScript API を使うことになると思います。

---

Monaca では、実際に使ったことはありませんが...

たとえば、Cordova GoogleMaps plugin のドキュメントに

This plugin displays Google Maps in your application. This plugin uses these libraries for each platforms:

Android : Google Maps Android API
iOS : Google Maps SDK for iOS
Browser : Google Maps JavaScript API v3

と記載されており、このプラグインは、実行された環境に合わせて、それぞれの API を使うようなので、使用した API に応じた課金になると思います。

Comments

[mithan]

回答ありがとうございます。

リンク先を確認し、このプラグインを使えば、ネイティブアプリのAPIを使用できそう
なので、試してみます。

Answer 2

Monacaで地図アプリ制作の経験あります

MonacaだろうがCordovaだろうがReact Nativeだろうが、それはただの開発プラットフォームであって
Google Mapの使用はそれとは別の契約になります（スタンダードプランは規定さえ守れば無料、超過した
場合はそれに従い課金されるだけです）。なので、導入をテストするだけなら、登録さえすれば大丈夫です。
また、アプリを開発テストするだけなら、Monacaで試してみたらいいでしょう。ただ、Monacaの場合、プラグインの使用は有料プランだったと思います（ちょっと記憶が曖昧）

もし、金額が気になるようでしたら、Leafletとopen street mapという手もあります。
地図ライブラリの本命「Leaflet」を5分で理解&導入する
Open Street MAP

Comments

[mithan]

回答ありがとうございます。

ネイティブアプリとWebアプリで使用するAPIが異なり、それによって料金も
変わってきますが、Monaca(Cordova)でGoogleマップを使用する場合に、
ネイティブアプリ用のAPIを使用できるプラグイン等が存在するのかが、
知りたかった感じです。

もし、Webアプリ用APIしか使用できなそうな場合は、教えて頂いた「Leaflet」
や「open street map」の利用も検討してみます。

[FKM]

サービスも日に日に変更されているみたいなので、まずはフリープランで使えるかどうか確かめてみてはいかがかと思います（自分が実務で制作していたときはまだこのサービスはなかったですね）

Android,iOS, PWAに対応したGoogleMapを操作できるプラグイン
https://qiita.com/wf9a5m75/items/c5ecb1b7c55751b2da64

あとは、CHERRY様も言及されている通り、ネイティブアプリのAPIは基本流用できないです。