APIを使ってみたのでその備忘録です。公式ドキュメントに手順が書いてあります。https://developers.google.com/maps/documentation/directions/get-api-key?hl=jaGCPのコンソールで取得できます。APIの料金体系が2018年6月に変わりまして、従量課金になっています。Keyを使われると、「とんでもない金額になっていた。」なんてことになりかねません。いえ、ブラウザでAPIを使う場合はKeyを隠すことができないと思われますので、リファラーの設定はきちんと行いましょう。Keyを入力してくださいmode交通手段を選択します。デフォルトはdriving(自動車経路)です。他にもwalkingやbicyclingなどがあります。modeに関するドキュメントunits単位系の選択ができます。日本で使う場合はメートル法一択(metric)ではないでしょうか。language地域の選択ができます。使ってみましょう上記の関数を使って、レスポンスの中身を見てみたいと思います。このresultをデバッグモードで覗き見てみるといいと思います。status:"OK"}statusここがOKであれば、正常に値が取得できていますroutes実際の道順などが格納されていますgeocoded_waypointsちょっとまだ中身については把握していませんが、あまり使わないと思うので割愛routesの中身についてよく使う部分だけ抜粋して紹介します。APIで表示させようとした場合、まずエンコードされた文字列をデコードする必要があります。https://developers.google.com/maps/documentation/utilities/polylineutility?hl=jaその際に、バックスラッシュがエスケープ文字と認識されてしまい、期待通りのpolylineにならないことがあります。そのため、変数に格納する前に、以下のような形でバックスラッシュを更にエスケープしてあげる必要があります。"\\\\")後は、、、スプレッドシートで始点と終点の緯度経度を記述しておけば、自動で演算ができたりしますね。応用の方法についてはまた別の記事にて書きたいと思います。waypointsとか。実際に試してみた部分もあるので、ご紹介したいと思います。Materialを使ってみた!(サンプルも作ってみました)この前の記事で、GASのWebアプリにVue.jsを組み込んでみたことを紹介しました。Materialを導入し、よりリッチなUIをお手軽に実現する方法をご紹介したいと思います。Script【GAS】WebアプリやAPIも作れちゃう!HtmlService、ContentServiceについて、できることをまとめてみた。Script【GAS】GASでのWebスクレイピングについて雑多に書いてみた。Script(GAS)を触る機会が増えていて、自分の中でGAS熱がやばいです。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Scriptで作ってみた。Scriptで作ってみた。APIUncategorizedVMWareVue.jsWordpressランディングページ(LP)タイトルとURLをコピーしました。