##GoogleMapsPlatformとは?
webサイトやアプリケーションにgoogleマップを表示・カスタマイズするためのAPI等を提供している重課金推奨サービス。
GoogleMapsPlatformの公式サイトはこちら。
公式ドキュメントが日本語対応していないというイカしたAPIが揃っているのです。。
英弱なので頭を抱えてしまいました。。。
(イカしたAPI達を紹介する記事は後日書こうかと。)
##GoogleMapsPlatform、情報少なくない??
以前はGoogleMapsAPIとして提供されていたのですが、
2018年6月11日からはGoogleMapsPlatformにリニューアルされました。
そのタイミングで、新しい仕様を満たさないままAPIを呼び出し、表示させているマップは警告が出たり、グレーアウトされてしまうようになったようです。
また、有料化も相まって、元々多くない日本語の解説サイトでもデモが動いていなかったり、
意外と日本語の情報が少ない気が...。
最近GoogleMapsPlatformを使用する機会があったのですが、
そういうわけでとても困った次第でした。(英弱)
##MapsJavascriptAPIを主に使用
サイト内にマップを埋め込んだりするにはMapsJavascriptAPIを使用します。
このAPIを使って、基本的なマップへのマーカー立てや、線を引いたり、
地図の縮尺を変更して表示させたりは、以下のサイトを見れば出来るようになるかと思います!
ぜひ参考にしてみて下さい!
##参考にしたサイト3選
###SYNCER
MapsJavascriptAPIについてクラスやプロパティ等が詳細にわたって載っています!
サンプルコードも充実しているので、辞書的に使えます。
常に別タブで開いておいて損はないサイトです。
###Let'sプログラミング
こちらはGoogleMapsPlatformのAPIを使った様々な取り組みをサンプルコードと画像付きで解説してくれています。初心者はすこしとっつきにくいUIをしていますが、コード自体は複雑ではないのでおすすめです。
###マルティスープ株式会社 StaffBlog
APIの活用例とその解説、サンプルコードも載っていて、MapsJavascriptAPIだけでなくRoadsAPIを使用する際に何度も拝見しました。
手取り足取り初心者向けに説明はしていないのですが、
ある程度ざっくり理解出来ている状態だとナルホド!と理解できると思います。
##おまけ
###RoadsAPIの公式デモが動かない問題
公式デモ
これ、そのままコピペしても動かないんですよねー...。
(もちろんjQueryの読み込みとAPIキーは入力済み)
何ならViewExampleをクリックしても真っ白で、いい加減にしてくれよと。
StackOverFlowで解決策を探したところ、
こちらのAnswerに載っているコードで動きました!
RoadsAPIのデモが見たいんだ!!!という方は参考にしてみて下さい。