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

Question

Я создаю веб-приложение, в котором есть служба доставки. К сожалению, некоторые адреса не найдены на картах google, поэтому я хотел бы, чтобы пользователь мог отбросить PIN-код на их точное местоположение и автоматически сохранить координаты в поле формы. Геолокация не работает и находит мое местоположение в совершенно другом городе.

Любая помощь была бы принята с благодарностью.

Answer 1

<fieldset> 
    <input id="start" readonly value="Paris"> 
    <input id="end"> 
    <input type="button" value="GO" onclick="calcRoute()"> 
</fieldset> 

<input type="button" value="Drop Pin" onclick="dropPin()"> Drop a marker on the center of your map<br> 

<div id="map"></div> 
<style> 
#map { 
    height: 400px; 
} 
</style> 
<script src="https://maps.googleapis.com/maps/api/js"></script> 
<script> 
var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 
var map; 
var endMarker; 

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    var paris = new google.maps.LatLng(48.86100157399595,2.335891842842086); 
    var mapOptions = { 
    zoom: 7, 
    center: paris 
    } 
    map = new google.maps.Map(document.getElementById("map"), mapOptions); 
    directionsDisplay.setMap(map); 
} 

function dropPin() { 
    // if any previous marker exists, let's first remove it from the map 
    if (endMarker) { 
    endMarker.setMap(null); 
    } 
    // create the marker 
    endMarker = new google.maps.Marker({ 
    position: map.getCenter(), 
    map: map, 
    draggable: true, 
    }); 
    copyMarkerpositionToInput(); 
    // add an event "onDrag" 
    google.maps.event.addListener(endMarker, 'dragend', function() { 
    copyMarkerpositionToInput(); 
    }); 
} 

function copyMarkerpositionToInput() { 
    // get the position of the marker, and set it as the value of input 
    document.getElementById("end").value = endMarker.getPosition().lat() +','+ endMarker.getPosition().lng(); 
} 

function calcRoute() { 
    var start = document.getElementById("start").value; 
    var end = document.getElementById("end").value; 
    var request = { 
    origin:start, 
    destination:end, 
    travelMode: google.maps.TravelMode.DRIVING 
    }; 
    directionsService.route(request, function(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); 
    } 
    }); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script>