Skip to main content
se añadieron 80 caracteres en el cuerpo
Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

Se puede utilizando un listener, puedes dar clic aquí para ver la documentación. Lo que yo recomiendo es capturar la ubicación al dar clic sobre el lugar deseado. Lo puedes realizar de esta forma (es un ejemplo básico pero completamente funcional para lo que necesitas):

CSS:

#map {
  height: 550px;
  width: 450px;
}

HTML:

 <!-- en los asteriscos va el API KEY -->
 <script async defer
src="https://maps.googleapis.com/maps/api/js?key=***************&callback=initMap">
<div id="map"></div>

JavaScript:

  function initMap() {
    // Hacer set up del mapa
    var centro = {lat: 40.758899, lng: -73.9873197};
    map = new google.maps.Map(document.getElementById('map'), {
       center: centro,
       zoom: 315,
       streetViewControl: false
    });

    // listener que capta el click en el mapa
    google.maps.event.addListener(map, 'click', function(event) {
       var latmh = event.latLng.lat();
       var lngmh = event.latLng.lng();
       // ponemos un marcador donde se hace click
       var marker = new google.maps.Marker({
           position: event.latLng,
           map: map
       });

      console.log(latmh+" vvv "+lngmh);
    }); 
  }

Se puede utilizando un listener, puedes dar clic aquí para ver la documentación. Lo que yo recomiendo es capturar la ubicación al dar clic sobre el lugar deseado. Lo puedes realizar de esta forma

HTML:

 <!-- en los asteriscos va el API KEY -->
 <script async defer
src="https://maps.googleapis.com/maps/api/js?key=***************&callback=initMap">
<div id="map"></div>

JavaScript:

  function initMap() {
    // Hacer set up del mapa
    var centro = {lat: 40.758899, lng: -73.9873197};
    map = new google.maps.Map(document.getElementById('map'), {
      center: centro,
      zoom: 3,
      streetViewControl: false
    });

    // listener que capta el click en el mapa
    google.maps.event.addListener(map, 'click', function(event) {
      var latmh = event.latLng.lat();
      var lngmh = event.latLng.lng();
      // ponemos un marcador donde se hace click
      var marker = new google.maps.Marker({
         position: event.latLng,
         map: map
      });

      console.log(latmh+" vvv "+lngmh);
    }); 
  }

Se puede utilizando un listener, puedes dar clic aquí para ver la documentación. Lo que yo recomiendo es capturar la ubicación al dar clic sobre el lugar deseado. Lo puedes realizar de esta forma (es un ejemplo básico pero completamente funcional para lo que necesitas):

CSS:

#map {
  height: 550px;
  width: 450px;
}

HTML:

 <!-- en los asteriscos va el API KEY -->
 <script async defer
src="https://maps.googleapis.com/maps/api/js?key=***************&callback=initMap">
<div id="map"></div>

JavaScript:

function initMap() {
    // Hacer set up del mapa
    var centro = {lat: 40.758899, lng: -73.9873197};
    map = new google.maps.Map(document.getElementById('map'), {
       center: centro,
       zoom: 15,
       streetViewControl: false
    });

    // listener que capta el click en el mapa
    google.maps.event.addListener(map, 'click', function(event) {
       var latmh = event.latLng.lat();
       var lngmh = event.latLng.lng();
       // ponemos un marcador donde se hace click
       var marker = new google.maps.Marker({
           position: event.latLng,
           map: map
       });

      console.log(latmh+" vvv "+lngmh);
    }); 
}
Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

Se puede utilizando un listener, puedes dar clic aquí para ver la documentación. Lo que yo recomiendo es capturar la ubicación al dar clic sobre el lugar deseado. Lo puedes realizar de esta forma

HTML:

 <!-- en los asteriscos va el API KEY -->
 <script async defer
src="https://maps.googleapis.com/maps/api/js?key=***************&callback=initMap">
<div id="map"></div>

JavaScript:

  function initMap() {
    // Hacer set up del mapa
    var centro = {lat: 40.758899, lng: -73.9873197};
    map = new google.maps.Map(document.getElementById('map'), {
      center: centro,
      zoom: 3,
      streetViewControl: false
    });

    // listener que capta el click en el mapa
    google.maps.event.addListener(map, 'click', function(event) {
      var latmh = event.latLng.lat();
      var lngmh = event.latLng.lng();
      // ponemos un marcador donde se hace click
      var marker = new google.maps.Marker({
         position: event.latLng,
         map: map
      });

      console.log(latmh+" vvv "+lngmh);
    }); 
  }