2016-06-20 13 views
0

Demoとngmapのgithubドキュメントに従っていますが、 "directions"ディレクティブを使用して2つのポイントをプロットして接続した単純マップは読み込めません。 (私は「マーカー」キーワードを使用して、私のマップに簡単な接続されていない点をプロットすることができます変なふうにかかわらず)angularjsでngmapを使用して2つのポイント間にシンプルなパスを表示

私はすでに、次のフォーマットを使用して、私のindex.htmlファイルでAPIキーを含める:

<script src="http://maps.google.com/maps/api/js?key=APIKEY"></script> 

をとしてngMapを追加しました私のモジュールに依存しています。

と私はちょうどチュートリアルでは非常に何かを明らかに行方不明だと確信しているplunker

で私のコードをテストしました。すべての助けを感謝し、事前に感謝します。

EDIT:

テンプレートコードスニペット:方向のウェイポイントのプロパティに値を追加することによって解決

<ng-map zoom-to-include-markers="true" > 
     <directions 
      draggable="true" 
      panel="" 
      travel-mode="" 
      origin="14.600631955983781,120.99075458943844" 
      destination="14.600839603150039,120.98217152059078"> 
     </directions> 
     </ng-map> 

答えて

2

<directions 
      draggable="true" 
      panel="" 
      travel-mode="" 
      waypoint = /* insert locations here in between origin and destination */ 
      origin="14.600631955983781,120.99075458943844" 
      destination="14.600839603150039,120.98217152059078"> 
</directions> 

マップ内の2つの場所をルーティングするだけでは、この方法がまだ機能していません。

0

I 2場所のウェイポイントを使用する方法は以下の通りである:

<directions 
    draggable="true" 
    panel="" 
    travel-mode="" 
    waypoint = {{ waypoints }} 
    origin="14.600631955983781,120.99075458943844" 
    destination="14.600839603150039,120.98217152059078"> 
</directions> 

$scope.waypoints = [{ 
    location: 'lat,lon' 
}, { 
    location: 'lat,lon' 
}] 

waypointsについて、位置キーは'lat,lon'のいずれかであり得る、またはテキストのアドレス。テキストのアドレスであれば、Googleマップは緯度経度を直接推測します

関連する問題