Data chỉ đường bằng Google Map

#1

Chào mọi người, app của mình có chức năng chỉ đường sử dụng api của google map. Người dùng nhập vào điểm đầu, điểm cuối, 1 đoạn đường màu xanh sẽ hiển thị lên bản đồ cho biết mình sẽ đi trên đoạn đường đó. Mình đang cần lấy được data của đoạn đường đó, các bạn/anh/chị cho mình ý kiến ạ?

#2

thì data nằm trong API của google map rồi bạn

2 Likes
#3

Cái này ví dụ cho web qua gg api js còn App thì mình k biết.

Đầu tiên là cần API Google

  1. Tạo Map và gọi thư viện
  2. Hàm mình đang dùng để vẽ đường đi + số Km
mapdirections(pick,drop);

function mapdirections(pick,drop){
    console.log('mapdirections');
    var self = this;
    var directionsService = new google.maps.DirectionsService();
    var directionsRenderer = new google.maps.DirectionsRenderer();
    var address = encodeURIComponent(pick);
   
    $.get( "https://maps.googleapis.com/maps/api/geocode/json?key=".concat("YOUR_KEY_API", "&address=").concat(address), function(data, status) {
        if ( "OK" === data.status ){
            var map_center = data.results[0].geometry.location;
            var mapOptions = {
                zoom: 8,
                center: map_center,
            }
            var map = new google.maps.Map(document.getElementById('map'), mapOptions);
            directionsRenderer.setMap(map);
        } else return 'NULL';
    });
    var calcRoute = function calcRoute(pick,drop) {
        var request = {
            origin: pick,
            destination: drop,
            travelMode: google.maps.TravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) {
            if (status == 'OK') {
                directionsRenderer.setDirections(response);
            }
        });
    }
    calcRoute(pick,drop);
}

Website mình đang chạy online trên code này.

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?