2016-03-29 27 views
0

私は、頻繁に食べ物を配達する地元のNPO向けにhtml5アプリを作成するためのボランティアを行っています。アプリはかなりシンプルです。配信ボランティアがセンターに来て、配信ルートをダウンロードできます。次に、最適な配信のために経路をカスタマイズ(ドラッグ&ドロップ)するか、ウェイポイントを並べ替えることができます(マップウェブサービスAPIを使用して自宅、オフィス、またはセンターに戻るなど)。埋め込みマップの最大ウェイポイント数

ここに問題があります。これらのすべては、GoogleマップのWeb APIを使用して美しく動作しています。ただし、Googleマップに埋め込まれたマップ(iframe内)には、平均ルートに13がある場合、10のウェイポイントしか表示されません。さらに、大きな地図を表示するには、ユーザーがクリックすると13個の停止点のうち10個が表示されます。

合意によると、私はGoogleマップを表示する必要がありますが、いくつかの停止を表示するだけではユーザーに混乱することになります。

この制限はありますか? javascriptからのルートを手動で構築することは可能ですか(ウェブAPIの結果に基づいて)、ユーザーが大きな地図をクリックして完全なルートを印刷したい場合は、道順メソッドを使用します。私は方向を使用してい

は、APIを埋め込む:

googleurl/directions/?origin=XX&destination=XX&waypoints=XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX&key=XXXXX 

答えて

0

私が本当に実行可能な解決策を見つけたことがないので、代わりにルートを表示するので、私は番号順にウェイポイントのマーカーを追加しようとしています。それは私の意図を達成し、gmapsの合意を満たし、ユーザーにルートの概要を提供します。

私はmeteor/reactのためのdburles:google-mapsを使用しています。

if(!this.isLoading){ 
    Clients.find().forEach(function(document){ 
     var map = GoogleMaps.maps['mymap']; 
     var marker = new google.maps.Marker({ 
      draggable: true, 
      animation: google.maps.Animation.DROP, 
      position: new google.maps.LatLng(document.lat, document.lng), 
      map: map.instance, 
      id: document._id, 
      title: document.seq 
     }) 
}); 
関連する問題