Как получить координаты точки в Карте Google?

Question

В настоящее время я работаю над своей картой, где могу динамически добавлять маршруты и сохранять их в моей базе данных mysql. Я уже знаю, как получить координаты Marker A и B, но я знаю, как получить координаты белых точек. Как получить его координаты? или Можно получить его координаты?

Picture 1Picture 2

Я использовал этот вид кода ..

function initMap() { 
    var lat_lng = { 
     lat: 22.08672, 
     lng: 79.42444 
    }; 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 6, 
     center: lat_lng 
    }); 

    var directionsService = new google.maps.DirectionsService; 
    var directionsDisplay = new google.maps.DirectionsRenderer({ 
     draggable: true, 
     map: map, 
     panel: document.getElementById('right-panel') 
    }); 
    directionsDisplay.addListener('directions_changed', function() { 
     computeTotalDistance(directionsDisplay.getDirections()); 
    }); 

    displayRoute('New Delhi, IN', 'Indore, IN', directionsService, 
     directionsDisplay); 
} 

function displayRoute(origin, destination, service, display) { 
    service.route({ 
     origin: origin, 
     destination: destination, 
     waypoints: [{ 
      location: 'New Delhi, IN' 
     }, { 
      location: 'Indore, IN' 
     }], 
     travelMode: google.maps.TravelMode.DRIVING, 
     avoidTolls: true 
    }, function(response, status) { 
     if (status === google.maps.DirectionsStatus.OK) { 
      display.setDirections(response); 
     } else { 
      alert('Could not display directions due to: ' + status); 
     } 
    }); 
} 

Answer 1

Инициализировать карту, как это .. Я использовал чтобы при каждом изменении вы автоматически сохраняли свои путевые точки.

var map, ren, ser, waypoints; 
    function initmap() 
{ 
    map = new google.maps.Map(document.getElementById('map'), 
    {'zoom':10,'mapTypeId': google.maps.MapTypeId.ROADMAP, 'center': new 
    google.maps.LatLng(9.848070, 124.218979) }) 

    ren = new google.maps.DirectionsRenderer({'draggable':true}); 
    ren.setMap(map); 
    ser = new google.maps.DirectionsService(); 


    ren.addListener('directions_changed', function() { 
//if you drag the dots it automatically chnage the way ponts 
computeTotalDistance(ren.getDirections()); 
save_waypoints(); 

}); 

Сохранение путевых точек ..

function save_waypoints() 
{ 
var w=[],wp; 
var rleg = ren.directions.routes[0].legs[0]; 
data.start = {'lat': rleg.start_location.lat(), 'lng':rleg.start_location.lng()} 
data.end = {'lat': rleg.end_location.lat(), 'lng':rleg.end_location.lng()} 
var wp = rleg.via_waypoints 
for(var i=0;i<wp.length;i++)w[i] = [wp[i].lat(),wp[i].lng()] 
data.waypoints = w; 

waypoints = JSON.stringify(data) 


} 

Answer 2

Вы можете попробовать следующий слушатель событий:

google.maps.event.addListener(marker, 'dragend', function (event) { 
    document.getElementById("latbox").value = this.getPosition().lat(); 
    document.getElementById("lngbox").value = this.getPosition().lng(); 
});