현재 Google지도 마커 위치가 올바르지 않습니다.

Question

Google지도 마커를 (dom-repeat에서) on-google-map-marker-dragend 이벤트와 함께 사용하고 있습니다.

드래그가 완료된 후 마커의 현재 위치를 가져 오려고하지만 마커의 위치 만 가져옵니다. 현재 마커가 끌기 전에 드래그되어 이동되었습니다.

<google-map zoom="15" id="map" style="height: 20em" api-key="[[apiKey]]" fit-to-markers> 
      <template is="dom-repeat" items="[[markers]]" as="mapMarker"> 
       <google-map-marker on-google-map-marker-click="inform" on-google-map-marker-dragend="inform" click-events="true" draggable="true" drag-events="true" latitude="{{mapMarker.latitude}}" longitude="{{mapMarker.longitude}}"> 
       </google-map-marker> 
      </template> 
     </google-map> 

방법은 더 나은 이해를위한

이

inform: function(event){ 
      // this is not the current position after drag end... 
      console.log(event.model.mapMarker.latitude); 
      console.log(event.target.latitude); 

      this.$.userInformationLatitude.innerHTML = event.model.mapMarker.latitude; 
      this.$.userInformationLongitude.innerHTML = event.model.mapMarker.longitude; 
     } 

예 : 내가 위도에서 내 마커를 드래그 : 0 경도 : 끌기가 완료된 후 공 뉴욕, 내가 값을 얻을 위도 : 0 경도 : 0, 뉴욕의 경도 및 위도 아닙니다.

Answer 1

마커 위치의 변경을 캐치/읽기 위해 옵저버를 사용하고 있습니다. 여기

는 예를 Plunk 인 요소 내-marker_drag_catch는 :

//called on property this.marker_latitude change.   
    marker_latitudeChanged: function() { 
     console.log('marker_latitudeChanged'); 
     if (this.marker_latitude) { 
      this.save_marker_data(); 
     } 
    }, 

    //called on property this.marker_latitude change.   
    marker_longitudeChanged: function() { 
     console.log('marker_longitudeChanged'); 
     if (this.marker_longitude) { 
      this.save_marker_data(); 
     } 
    }, 

Answer 2

우리는 event.detail.latLng.lat()를 사용하여 그것을 해결; 및 event.detail.latLng.lng(); 대신 event.model의 ...

inform: function(event){ 
     this.$.userInformationLatitude.innerHTML = event.detail.latLng.lat(); 
     this.$.userInformationLongitude.innerHTML = event.detail.latLng.lng(); 
}