をクリックして複数のポリラインを描く方法は？

Question

私は解決策を探していましたが、すべてjsonファイルなどからポリラインを描画する方法です。主な質問は、ボタンをクリックするたびに新しいポリラインを作成し、古い配列を保存する方法です。 "ポリライン"ボタンをクリックした後、地図上に新しいポリラインを描き、右クリックするだけでクリーンな状態に戻すことができますか？クラスの外にポリラインを格納する方が良いでしょうか、それとも新しいクラスを作るのが良いでしょうか？これに別の方法で取り組む必要がありますか？

悪いデモが、私は、私は願って何を意味するかハイライト：jsfiddle

アレイは、グローバルスコープに移動しただけclearOverlays機能を経由して働き、最後のポリラインでてsetMapすることはできません。今、他のボタンで問題が発生します。追加のグローバルオブジェクトnewPolyを作成しますが、良いアイデアがmyPolylineからオブジェクトを取得する方が良いかどうかはわかりません。他の側では、アレイのポリラインに格納されたマップ上にリストアケースを設定できません。

Answer 1

作成したポリラインを保存するには、別のグローバル変数を作成してポリラインを保存し、同時に配列内の最後のポリラインにsetMap（null）をプッシュします。毎回新しいポリラインを作成しているので、同じオブジェクトにポリラインを保存することはできません。 ので移動：

this.polyLines = []; 

をクラスのうち、グローバルスコープに、または別のクラスに、その罰金をそれはそのポリラインインスタンスにローカルなので、そこにマーカー配列を残すように。

これもお手伝いします - https://developers.google.com/maps/documentation/javascript/overlays#OverlaysOverview