- ライブラリの読み込み: まず、Google Maps APIを使用するために必要なライブラリを読み込みます。以下のコードをHTMLのセクションに追加してください。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry"></script>
YOUR_API_KEYの部分には、自分のGoogle Cloud Platformで作成したAPIキーを入力してください。
- 距離の計算: 以下のJavaScriptコードを使用して、2つの緯度経度間の距離を計算できます。
function calculateDistance(lat1, lon1, lat2, lon2) {
var p1 = new google.maps.LatLng(lat1, lon1);
var p2 = new google.maps.LatLng(lat2, lon2);
var distance = google.maps.geometry.spherical.computeDistanceBetween(p1, p2);
return distance;
}
// 使用例
var distance = calculateDistance(35.6895, 139.6917, 34.6937, 135.5023);
console.log(distance);
上記の例では、東京の緯度経度(35.6895, 139.6917)と大阪の緯度経度(34.6937, 135.5023)の距離を計算しています。計算結果はメートル単位で表示されます。
これで、Google Maps APIを使用して2つの緯度経度間の距離を計算する方法がわかりました。必要に応じて、他の緯度経度の組み合わせに対しても同じメソッドを使用できます。