getDistance()
{
console.log('Get Distance');
var distanceInMeters = google.maps.geometry.spherical.computeDistanceBetween(
new google.maps.LatLng({
lat: Number(this.coachData.geolocation_lat),
lng: Number(this.coachData.geolocation_long),
}),
new google.maps.LatLng({
lat: Number(this.latitude),
lng: Number(this.longitude),
})
);
// Outputs: Distance in Meters:
console.log("Distance in Meters: ", distanceInMeters);
// Outputs: Distance in Kilometers:
console.log("Distance in Kilometers: ", (distanceInMeters * 0.001));
// Outputs: Distance in miles:
console.log("Distance in Miles: ", (distanceInMeters * 0.000621371));
}
To Prevent Spherical error just modify your index.html file
<script src="https://maps.google.com/maps/api/js?key=AIzaSyC-XXXXXXXXXXXXXXXX&libraries=geometry"></script>
And declare
declare var google;






![SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes](https://blog.rahulbhutani.com/wp-content/uploads/2020/04/123-100x70.jpg)




![SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes](https://blog.rahulbhutani.com/wp-content/uploads/2020/04/123-218x150.jpg)






