JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=zh-TW"></script>

JavaScript

$(function () {
            Distance();
        });
        function Distance() {
            var start = "高雄市鳳山區光遠路226號";
            var end = "屏東市廣東路100號";
            var request = {
                origin: start,
                destination: end,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
            //宣告
            var directionsService = new google.maps.DirectionsService();
            directionsService.route(request, function (response, status) {
                var strTmp = "";
                if (status == google.maps.DirectionsStatus.OK) {
                    var route = response.routes[0];
                    for (var i = 0; i < route.legs.length; i++) {
                        var routeSegment = i + 1;
                        strTmp += route.legs[i].distance.text;
                    }
                    //取得距離(正整數，公尺)
                    var dist = parseInt(parseFloat(strTmp) * 1000).toString();
                    alert(dist);
                }
            });
        }