Как получать координаты API Google Maps, когда пользователь будет тащить Marker?

На моей веб-странице я хочу осуществить api google maps, и что пользователь тащил закладку (Marker) в расположении, где он живет, и потом показывать широту и длину в неударе в лунку для последующего сохранять это в базе данных.

Здесь, поскольку я это сделал, но оно я не функционирует:

<div id="map"></div>

<input type="text" id="coords" />
<script>


var marker;
var coords = {};

initMap = function ()
{

        navigator.geolocation.getCurrentPosition(
          function (position){
            coords =  {
              lng: position.coords.longitude,
              lat: position.coords.latitude
            };
            setMapa(coords);


          },function(error){console.log(error);});

}



function setMapa (coords)
{

      var map = new google.maps.Map(document.getElementById('map'),
      {
        zoom: 13,
        center:new google.maps.LatLng(coords.lat,coords.lng),

      });

      marker = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: new google.maps.LatLng(coords.lat,coords.lng),

      });

      marker.addListener('click', toggleBounce);

      marker.addListener( 'dragend', function (event)
      {
        document.getElementById("coords").value = this.getPosition().lat()+","+ this.getPosition().lng();
      });
}

function toggleBounce() {
  if (marker.getAnimation() !== null) {
    marker.setAnimation(null);
  } else {
    marker.setAnimation(google.maps.Animation.BOUNCE);
  }
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD1tGk92O2ExGvtxy6rIZkwC7xtuyzHymg&callback=initMap" type="text/javascript"></script>
0
задан 25.03.2017, 04:15
1 ответ

Она posiciГіn ты получаешь ее посредством события проницательного siguente

event.latLng.lat(); event.latLng.lng();

, чтобы распределять событие должен использовать google.maps.event.addListener(marker, 'dragend', function(event) {..., не прямо в закладку

2
ответ дан 24.11.2019, 12:22

Теги

Похожие вопросы