Click here to Skip to main content
15,882,152 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
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();
                        var request = {
                        origin: this.from,
                        travelMode: google.maps.TravelMode.WALKING
                      directionsService.route(request, function(result, status) {
                        if (status == google.maps.DirectionsStatus.OK) {
                        } 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 as in following figure[^]

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.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900