2
2

More than 3 years have passed since last update.

【まとめ】GoogleMapsPlatformで駆け出したいときの参考サイト3選

Last updated at Posted at 2020-03-11

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のデモが見たいんだ!!!という方は参考にしてみて下さい。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2