2012-03-24 9 views
3

私はAPI V3のGoogleマップ描画マネージャを使用しています。 google.maps.drawing.DrawingManager現在GoogleマップAPI V3にあるオーバーレイシェイプのリストを取得する

私は、ユーザーに地図上にいくつかの円のオーバーレイを描画させています。次に、「保存」ボタンをクリックすると、すべてのサークルのプロパティを取得し、最終的にはサーバー側の魔法を使用できるようにする必要があります。

どのように私はJavascriptを使用してなど。オブジェクトまたは配列...、のように、円のリストを得ることができますか?以下は

は私がDrawingManagerを作成し、コントロールに円ツールを追加していたコードです。私はあなたが(あなたのケースで、それは円である)オーバーレイを描画し終えた後に送出されるイベントoverlayCompleteがあり、多かれ少なかれ、このhttps://developers.google.com/maps/documentation/javascript/reference#DrawingManager

if (drawingManager == null) { 
    drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.CIRCLE, 
     drawingControl: false, 
     drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_CENTER, 
      drawingModes: [google.maps.drawing.OverlayType.CIRCLE] 
     }, 
     circleOptions: { 
      fillColor: '#FF0000', 
      fillOpacity: 0.35, 
      strokeWeight: 5, 
      clickable: false, 
      draggable: true, 
      zIndex: 1, 
      editable: true 
     } 
    }); 
} 

答えて

4

次ました。それを処理し、新しく作成されたオブジェクトをデータ構造に追加することができます。オブジェクトを格納してサーバーに送信するために使用することができます。素晴らしい作品

//After creating 'drawingManager' object in if block 
    google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) { 
     if (event.type == google.maps.drawing.OverlayType.CIRCLE) { 
     //Add 'event.overlay', which is Circle, to array 
     } 
    }); 
+1

:このような何かを試してみてください。イベント「オーバーレイ完了」は、各サークルが作成され、マウスボタンが離された後にトリガされます。それは私が配列にそれらを格納するのに十分です。ありがとうございました! – Nick

関連する問題