マルティスープ
Staff Blog

2017.06.24

ジオメトリライブラリを使って距離や面積を算出する

みなさん、こんにちは。
Google Maps JavaScript API を使用して2点間の距離やエリアの面積を計算する方法をご存知ですか？

数学が得意だから自分で計算できる！ という人もいるかもしれませんが、地図には投影法というものがあり、その投影法を考慮した形で計算するのは、中々大変なものがあります。

このようなとき、JavaScript API にはジオメトリライブラリというものがあるので、ご活用ください。

簡単に距離や面積を算出することができます！！

ジオメトリライブラリを使用する場合は、下記のように js ファイルロード時に「libraries=geometry」と指定する必要があります。

<script https://maps.google.com/maps/api/js?v=3&libraries=geometry&key={API_KEY}"></script>

距離を算出するには、「google.maps.geometry.spherical.computeLength」に LatLngオブジェクトの配列を渡すだけです。最低２点以上設定してください。

var pos = [
    new google.maps.LatLng(35.5, 139.5),
    new google.maps.LatLng(35.5, 139.4)
];
var dist = google.maps.geometry.spherical.computeLength(pos);

次に面積です。距離と同様に「google.maps.geometry.spherical.computeArea」にLatLngオブジェクトの配列を渡します。当然、面積なので３点以上必要ですね。

var pos = [
    new google.maps.LatLng(35.5, 139.5),
    new google.maps.LatLng(35.5, 139.4),
    new google.maps.LatLng(35.4, 139.3)
];
var area = google.maps.geometry.spherical.computeArea(pos);

デモサイトを作成したので、お試しください。

地図上をクリックすると、ラインやポリゴンを描画します。そのオブジェクトの距離、面積を算出します。

Full Screen

ジオメトリライブラリには、他にも以下の機能があります。

● ポイントがポリゴン内に存在するか判定する機能

● ポイントがポリライン・ポリゴンの境界付近に存在するか判定する機能

詳しくは、下記サイトをご覧ください。

https://developers.google.com/maps/documentation/javascript/geometry?hl=ja

今後も便利なライブラリがあれば、このブログで紹介していきたいと思います。

バイ！