1

私は現在、html5 ジオロケーションを使用してユーザーの位置を取得し、地図上にルートを表示するサイトを開発しています。しかし今、Google マップの印刷ルート案内にリンクする 3 つのボタン (徒歩、運転、交通機関) が必要です (例: https://maps.google.com/maps?saddr=San+Francisco&daddr=Los+Angeles&z )。 =7&pw=2 ) ユーザーの場所と交通機関の種類によって異なります。

これを実装する方法についてのアイデアはありますか?

ありがとう。

4

2 に答える 2

1

関連する Google マップの URL パラメータは次のとおりです。

saddr
    source address
    any urlencoded address, or a lat/lng pair formatted as
       58+41.881N+152+31.324W

daddr
    destination address (same as saddr)

dirflg
    transportation directions type flag
    (character, optional)
        'r' = public transit
        'w' = walking
        'b' = bike
        defaults to car if omitted
于 2013-05-05T23:40:38.690 に答える
0

わかりました、ここに簡単な高レベルのソリューションがあります：

  1. ジオロケーション API を使用して、成功のコールバックでユーザーの位置を取得します。
  2. ユーザー座標をマップの中心として渡すときに、gmaps API を使用して新しい Google マップを作成します。これがモバイル タイプの Web アプリである場合は、返される精度の半径値を使用して円を描くことをお勧めします... iphone マップ アプリのように。
  3. Google が提供する API 呼び出しがあります。または、独自の API 呼び出しを作成して、ユーザーの緯度、目的地、旅行方法などからルートを取得できます。
  4. コールバックが発生したら、マップを再バインドして、ユーザーがその位置と目的地を確認できるようにします。
  5. 道順オブジェクトは、ルートと区間に関連するあらゆる種類のデータと共に戻ってきます..表示するデータの量を決定し、マップを再描画します。

道順の API を呼び出すときに、使用する移動モードの種類を指定できることに注意してください。

また、地理位置情報を使用してユーザーを追跡し、戻ってくるデータに基づいて地図の中心を更新する方法を設定して、ユーザーが自分の動きを追跡できるようにする必要があります。私はsetTimeOutでそれを行い、マーカーを新しい場所にアニメーション化しました(setTimeoutが最もクリーンなソリューションであるかどうかはわかりません)。

地理位置情報を使用した Google Maps API は楽しいです。

于 2013-05-05T23:55:49.960 に答える