How to implement measure distance service in Google map API V3

See more:

Javascript

Google-Maps

I am implementating some built in features of google map in my custom map such as direction service as following

var menu =[{item:"Direction from Here",from:{},to:{},getDirection:function(){
                            var directionsDisplay;
                            var directionsService = new google.maps.DirectionsService();
                             directionsDisplay = new google.maps.DirectionsRenderer();
                             directionsDisplay.setMap(map);
                        var request = {
                        origin: this.from,
                        destination: this.to,
                        travelMode: google.maps.TravelMode.WALKING
                      };
                      directionsService.route(request, function(result, status) {
                        if (status == google.maps.DirectionsStatus.OK) {
                          directionsDisplay.setDirections(result);
                        } else {
                          alert("couldn't get directions:" + status);
                        }
                      });    
                }}];

I want to know how to implement Measure distane service with splittable polyline ruler that can be available in maps.google.com as in following figure
http://i.stack.imgur.com/iuIbD.png[^]

Please Help me.

What I have tried:

I am currently implementing poly line between markers on map. But I want to use built in google service.