4

AngularGoogleMapsを使用して、出発地A,中継地B,目的地Cのルート表示を試みています。
しかし、以下の動作になり困っています。

  1. Aを設定、Bを設定、Cを設定。実行→ルート表示される (これはOK)
  2. Bを変更、A・Cはそのまま。実行→ルート表示されるが、1で表示したルートも表示されたままになる(NG。1のルート軌跡は消えてほしい)

どなたか解決方法がわかる方、ご教示いただけますと幸いです。

plunkerにソースを置いています。

よろしくお願いいたします。

1 件の回答 1

2

servGoogleMaps.calcRoute()を呼ぶたびにDirectionsRendererを生成していることが原因です。

var directionsDisplay = new google.maps.DirectionsRenderer();

の宣言をcalcRouteの外に出して、new google.maps.DirectionRenderer()を一度だけ呼ぶようにすれば動きます。ついでにnew google.maps.DirectionsService()の呼び出しも外に出したほうが良いかと思います。

2
  • ご回答ありがとうございます。DirectionsRendererで毎回ルートとマーカーの描画しているので、mapオブジェクトに実行したルートがすべて表示されたま‌​まになった、という認識でよろしいでしょうか? DirectionsServiceで毎回DirectionsService(道案内サービス?)のオブジェクト生成をお‌​こなっているのは無駄にリソースを消費してしまいますね。ご指摘ありがとうございます。 Commented 2015年9月9日 13:50
  • はい。calcRoute()のたびに新たにDirectionsRendererを作成してマップに追加するという操作を行っていたため、マップには作成した数だけのDirectionsRendererが表示されていたというわけです。
    – cither
    Commented 2015年9月9日 15:42

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。