図面で座標を取得するにはどうすればよいですか？

Question

私は自分のコードでリスナーを使用していません。どのようにして各座標点を描画から得ることができますか？

 function initMap() { 
     var map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat: -34.397, lng: 150.644}, 
     zoom: 8 
     }); 

     var drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.MARKER, 
     drawingControl: true, 
     drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_CENTER, 
      drawingModes: ['polygon', 'polyline'] 
     }, 

     circleOptions: { 
      fillColor: '#ffff00', 
      fillOpacity: 1, 
      strokeWeight: 5, 
      clickable: false, 
      editable: true, 
      zIndex: 1 
     } 
     }); 
     drawingManager.setMap(map); 
} 

フィドル：https://jsfiddle.net/31aey9mk/

Answer 1

私はあなたのフィドルhereを更新しました。

基本的には、使用するタイプのgoogle.map.drawing.OverlayTypeの配列を渡す必要があります。この場合、マーカーとポリゴンを追加しました。

google.maps.event.addListener(drawingManager, 'overlaycomplete', function (event) 
{ 
    if (event.type === 'marker') console.log('Lat: ' + event.overlay.position.lat() + ', Long: ' + event.overlay.position.lng()) 
    else console.log(event.overlay.getPath().b); 
}); 

描かれたイベントおよび形状/マーカーをつかむ：

はその後、あなたは描画が完了した際に取得するためのinitMap()方法でイベントハンドラを追加する必要があります。