How to get the name of the current city by means of Google Maps?

Use google.maps.Geocoder

Unfortunately this documentation is in English

The way of use is as follows:

var geocoder = new google.maps.Geocoder;
geocoder.geocode({
    'location': '<aquí va la latitud y longitud separadas por una coma>' 
     // ej. "-34.653015, -58.674850"
  }, function(results, status) {
      // si la solicitud fue exitosa
      if (status === google.maps.GeocoderStatus.OK) {
        // si encontró algún resultado.
        if (results[1]) {
          console.log(results[1].formatted_address);
        }
      }
});

Here is a working example:

initMap();

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 8,
    center: {
      lat: -34.653015,
      lng: -58.674850
    }
  });
  var geocoder = new google.maps.Geocoder;
  var infowindow = new google.maps.InfoWindow;

  document.getElementById('submit').addEventListener('click', function() {
    geocodeLatLng(geocoder, map, infowindow);
  });
}

function geocodeLatLng(geocoder, map, infowindow) {
  var input = document.getElementById('latlng').value;
  var latlngStr = input.split(',', 2);
  var latlng = {
    lat: parseFloat(latlngStr[0]),
    lng: parseFloat(latlngStr[1])
  };
  geocoder.geocode({
    'location': latlng
  }, function(results, status) {
    if (status === google.maps.GeocoderStatus.OK) {
      if (results[1]) {
        map.setZoom(11);
        var marker = new google.maps.Marker({
          position: latlng,
          map: map
        });
        infowindow.setContent(results[1].formatted_address);
        infowindow.open(map, marker);
      } else {
        window.alert('No hay resultados');
      }
    } else {
      window.alert('Geocoder failed due to: ' + status);
    }
  });
}

#map {
  height: 300px;
}

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyACJapLIVhm-uVWitwICh24232jYdkP1SQ&signed_in=true"></script>
<input id="latlng" type="text" value="-34.653015, -58.674850">
<input id="submit" type="button" value="Obtenr Nombre">
<div id="map"></div>

I leave you an example of Reverse Geolocation

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 8,
    center: {lat: 40.731, lng: -73.997}
  });
  var geocoder = new google.maps.Geocoder;
  var infowindow = new google.maps.InfoWindow;

  document.getElementById('submit').addEventListener('click', function() {
    geocodeLatLng(geocoder, map, infowindow);
  });
}

function geocodeLatLng(geocoder, map, infowindow) {
  var input = document.getElementById('latlng').value;
  var latlngStr = input.split(',', 2);
  var latlng = {lat: parseFloat(latlngStr[0]), lng: parseFloat(latlngStr[1])};
  geocoder.geocode({'location': latlng}, function(results, status) {
    if (status === google.maps.GeocoderStatus.OK) {
      if (results[1]) {
        map.setZoom(11);
        var marker = new google.maps.Marker({
          position: latlng,
          map: map
        });
        infowindow.setContent(results[1].formatted_address);
        infowindow.open(map, marker);
      } else {
        window.alert('No results found');
      }
    } else {
      window.alert('Geocoder failed due to: ' + status);
    }
  });
}

Example taken from: https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse

Here is an example of developing a weather widget where there is a Javascript method where the city is obtained. http://marcodetrabajo.com/widget-meteorologia-jquery/

var WeatherApi = (function() {
  /* Constantes
   *
   */

  var ENDPOINT = 'http://api.wunderground.com/api/8056d793049f14ea/'; 

  var exports = {};

      /* Función que obtiene, a partir de la latitud y longitud, el nombre de la ciudad y el código del país
       *
       * @param latitude latitud 
       * @idCountry longitude longitud
       */
      exports.getCityAndCountry = function (latitude, longitude){       
        var self = this;
        $.ajax({
          type

: 'GET',
      url: ENDPOINT + 'geolookup/q/'+ latitude +','+ longitude +'.json',
      success: function(coords){            
            self.getWeatherData(coords.location.city, coords.location.country_iso3166);             
      }
    });  
  };


  return exports;
})();

You can use the method as follows:WeatherApi.getCityAndCountry(tuLatitud, tuLongitud)

Cheers

Good afternoon... And how would it be for when you have several markers or points...

Since I have this... I get from a DB a json with latitudes and longitudes... and I want to show it in a datatable as well as on the map with the markers... I want something like this...

---latitude: 22 | length: 33 | Geocoder address ---latitude: 23 | length: 34 | Geocoder address ---latitude: 24 | length: 35 | Geocoder Address

        $.ajax({
            url: 'db/utilities.php?accion=listar-puntos-busqueda',
            dataType: 'json',
            success: function(resultado){

                if((resultado.length-1) > 0){

                    mostrarPuntos(resultado);
                }                    
            }
        })

var geocoder;
function mostrarPuntos(array) {

    tablaPuntos.clear().draw();

    geocoder = new google.maps.Geocoder();

    var bounds = new google.maps.LatLngBounds();
    var map = new google.maps.Map(document.getElementById("map"), {
      mapTypeId: 'roadmap'
    });
    map.setTilt(50);

    var coordenadas = new Array();
    for(var i = 1; i < array.length; i++) {

        var coordenada = new Array();
        coordenada.lat = parseFloat(array[i][2]);
        coordenada.lng = parseFloat(array[i][3]);

        var punto = new google.maps.LatLng(coordenada.lat, coordenada.lng);
        bounds.extend(punto);

        geocoder.geocode({'latLng': punto}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[0]) {
                    var marker = new google.maps.Marker({
                        map: map,
                        position: punto,
                        label: array[i][0]
                    });
                    tablaPuntos.row.add( [
                        array[i][0],
                        array[i][1],
                        results[0].formatted_address
                    ] ).draw();
                }
            }
        }); 

        coordenadas.push(coordenada);
        map.fitBounds(bounds);

    }

    var ruta = new google.maps.Polyline({
        path: coordenadas,
        geodesic: true,
        strokeColor: '#FF0000',
        strokeOpacity: 1.0,
        strokeWeight: 5
    });
    ruta.setMap(map);

}

But at the moment of executing... only one position is shown on the map and the first data in the table... it is as if it did not go further in the geocoder part...

Where this error...??

Beforehand thank you very much..