グーグルマップのdirections APIを使ってバス貸切料金算出方法

グーグルマップのdirections APIを使ってバス貸切料金算出方法

  • 2017-11-25  最終更新日:2017-11-25

グーグルマップのdirections apiは距離と時間を調べるときに役立ちます。複数の経由地も入れることが可能でのサンプルを元に作ってみました。

ほぼほぼ同じなのですが変えている点としましては距離と時間を合計にしたところです。 route.legs[i].distance.text、route.legs[i].distance.textはroute.legs[i].distance.value、route.legs[i].distance.valueにしてテキストを値にして計算したという感じですね。

サンプルはコチラ

検索する際に役立つプレイス オートコンプリートも入れてあります。


スポンサーリンク


API登録

まずはgoogleのMapAPIを登録する必要があります。コチラの方法からMapのAPIを取得します。すでに取得されている方は飛ばして下さい。ただし今回はさらにGoogle Maps Directions APIとGoogle Places API Web Serviceを有効にする必要がありますのでライブラリから選んで有効にして下さい。

GooglemapDirectionsAPI

ダッシュボードのメニュー下にライブラリがありますのでクリックすると上記の画面になります。ここでdirectionsと検索するとGoogle Maps Directions APIが出てきますのでクリックして有効にします。

GooglemapDirectionsAPI

今回はGoogle Places API Web Serviceも使いますのでplacesと検索すると出てきますのでこれを有効にします。for Androidやfor iOSなどは各アプリケーション用で使われる物なのでWeb Serviceだけで良いです。

GooglemapDirectionsAPI

これで準備は整いました。

方向指示

GooglemapDirectionsAPI

バス料金を計算する上で計算式の元となる中国運輸局の貸切バスの運賃・料金制度から表示されている料金を元に計算式を作りました。北海道、東北、関東、近畿、中国、四国運輸局により基本料金が違いますが、さほど変わらない料金なので目安としては使えると思います。今回使った物はキロ制運賃、時間制運賃のみの計算とします。交替運転者配置料金や深夜早朝運行料金、時特殊車両割増料金は使っておりません。

出発地と目的地の間に経由地を作成して計算してあります。

GooglemapDirectionsAPI

⇒デモを見てみる

参考になれば幸いです。


∞Tadashi Suyama∞

googlemap api directions
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
bootstrap4でのtable-responsiveをレスポンシブにする

最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。 さて...

16 Jun 2018

アイキャッチ
CSSでの画像ホバー効果ライブラリのご紹介

今回は純粋なCSS画像ホバー効果ライブラリをご紹介します。画像をマウスオーバーするとテキストが表示されるCSSライブラリになります。実装も簡単でクラス指定をすることで40種類以上の効果を体験でき...

10 Jun 2018

アイキャッチ
ワードプレスで特定のページにnoindex,nofollow

ワードプレスに特定のページにmeta name="robots" content="noindex,nofollow"をつける場合はプラグインを利用するかヘッダーに条件分岐でいれるかだと思います...

03 Jun 2018

アイキャッチ
Vagrantのアンインストール方法-Mac版

さて今回は簡単にご紹介、そもそもそんなにvagrantをアンインストールしないのですがそういう機会があったので覚書で記載しておきます。 Mac版のvagrantってアンインストールってなぜか手...

26 May 2018

アイキャッチ
超絶・超速のnode-sassでsassコンパイルのすすめ

さて今回はsassを取り上げてみます。sassといったらcompassが出てくるほど有名ですが、すでに開発終了してから4年以上たっているわけでしてしかもコンパイラとしての機能しか使っておらず、他...

12 May 2018

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

googlemap api directions
フッターイメージ