0

私は、頻繁に食料を配達する地元の NPO のために html5 アプリを作成するボランティアをしています。アプリはかなりシンプルです。配達ボランティアがセンターに来て、配達ルートをダウンロードできます。その後、ルートをカスタマイズ (ドラッグ アンド ドロップ) したり、ウェイポイントを再注文して最適な配達を行うことができます (たとえば、自宅、オフィスの近くで終了するか、マップ Web サービス API を使用してセンターに戻る)。

これが問題です。これらはすべて、Google マップの Web API を使用してうまく機能しています。ただし、Google の埋め込みマップ (iframe 内) には、平均ルートが 13 あるのに 10 のウェイポイントしか表示されません。さらに、ユーザーがクリックしてより大きなマップを表示すると、13 のストップのうち 10 のみが表示されます。

契約によると、Google マップを表示する必要がありますが、一部の停留所のみを表示すると、ユーザーが混乱する可能性があります。

この制限を回避する方法はありますか? ユーザーが大きな地図をクリックして完全なルートを印刷したい場合に備えて、javascript から (Web API の結果に基づいて) ルートを手動で構築し、引き続きルート案内メソッドを使用することは可能ですか?

ルート埋め込み API を使用しています。

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

1 に答える 1

1

実際に実行可能な解決策が見つからなかったため、ルートを表示する代わりに、番号順にウェイポイントのマーカーを追加しようとしています。それは私の意図を達成し、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
        })
});
于 2016-04-25T12:59:37.263 に答える