从 Lat/Lng 地理编码中获取 Google map 地名

Question

I am using Google API, I am trying to get Place name against pinning Lat Lng on the map. I understand Google don't have place names against Lat Longs but against Place ID What I am doing is Geocoding Lat longs to get the address, and send its Place Id to the Google Place Services to get specific name of the Place, I only get short/long name of the street like this.

Plus If I click over the already tagged place on the map I get a difference address from that of the tagged Place

 geocodeLatLng(geocoder : any, myLatLng: { lat: number, lng: number }) {
        var latlng = {lat: myLatLng.lat, lng: myLatLng.lng};
        let self = this;
        var service = new google.maps.places.PlacesService(self.map);
        this.geocoder.geocode({'location': latlng}, function(results : any , status : any) {
          if (status === 'OK') {

            var request = {
                placeId: results[0]['place_id']
            };
            service.getDetails(request, function (place: any, status: any) {
                if (status === google.maps.places.PlacesServiceStatus.OK) {
                    console.log(place);
                }
            });
            if (results[0]) {

            } else {
              window.alert('No results found');
            }
          } else {
            window.alert('Geocoder failed due to: ' + status);
          }
        });
      }

Answer 1

The Geocoder will find the nearest address. If you want a "place" use the Google Places API nearbySearch .

var searchOrigin = new google.maps.LatLng(40.6892494, -74.0445); // Statue of Liberty
var request = {
  location: searchOrigin,
  fields: ['name', 'geometry'],
  radius: 100
};

service = new google.maps.places.PlacesService(map);

service.nearbySearch(request, function(results, status) {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    var distance = 10000;
    for (var i = 0; i < results.length; i++) {
      var marker = createMarker(results[i], i);
      // find closest result
      var thisDist = google.maps.geometry.spherical.computeDistanceBetween(searchOrigin, marker.getPosition());
      if (thisDist < distance) {
        closest = marker;
        distance = thisDist;
      }
    }

    map.setCenter(closest.getPosition());
    google.maps.event.trigger(closest, "click");
  }
});

proof of concept fiddle

code snippet:

 // This example requires the Places library. Include the libraries=places // parameter when you first load the API. For example: // <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"> var map; var service; var infowindow; function initMap() { var sydney = new google.maps.LatLng(-33.867, 151.195); infowindow = new google.maps.InfoWindow(); map = new google.maps.Map( document.getElementById('map'), { center: sydney, zoom: 15 }); var searchOrigin = new google.maps.LatLng(40.6892494, -74.0445); var request = { location: searchOrigin, fields: ['name', 'geometry'], radius: 100 }; service = new google.maps.places.PlacesService(map); service.nearbySearch(request, function(results, status) { if (status === google.maps.places.PlacesServiceStatus.OK) { var distance = 10000; for (var i = 0; i < results.length; i++) { console.log(results[i]); var marker = createMarker(results[i], i); var thisDist = google.maps.geometry.spherical.computeDistanceBetween(searchOrigin, marker.getPosition()); if (thisDist < distance) { closest = marker; distance = thisDist; } } map.setCenter(closest.getPosition()); google.maps.event.trigger(closest, "click"); } }); } function createMarker(place, i) { var marker = new google.maps.Marker({ map: map, position: place.geometry.location }); google.maps.event.addListener(marker, 'click', function() { infowindow.setContent(place.name); infowindow.open(map, this); }); return marker; }

 html, body, #map { height: 100%; margin: 0; padding: 0; }

 <div id="map"></div> <.-- Replace the value of the key parameter with your own API key: --> <script src="https.//maps.googleapis?com/maps/api/js,key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&libraries=places,geometry&callback=initMap" async defer></script>

Answer 2

latlng.toString() 

gives you the name and the country