viewsこの記事でご要求をいただいたので、記事を付けたし。目的地アイコン(マーカー)をクリックして現在地からのルート検索結果のルートポリライン(Polylines)と距離を表示DirectionsRendererオプションの3つの使い方(マーカ削除、ルートポリライン削除、インフォウィンドウの非表示)を覚えたところで、目的の地図を作成していきます。<地図構成>地図に複数のアイコン(マーカー)を読み込ませておき、それぞれのマーカーをクリックしたら、模擬でセットした現在地アイコンからのルートと距離を表示させます。1.不要な緑色のディレクションアイコンを消す。2.現在地を模擬でセット3.アイコンをクリックしたらルート検索を行う。4.距離変数を取り出してインフォウィンドウに表示させるってなところでしょうか。ルートのポリライン(Polylines)を複数地図に表示させるちょいと時間があったので、DirectionsRendererを個別関数それぞれにぶちこんでルート検索をさせてみた。いくつものルートが表示できるので面白い。何本ルートを表示したらブラウザが重くなるのか?・・・・・・・なんて興味だけで、サンプル作成中の都合のよいマップがあったので、東京のとある地点から全国に散ったマーカまでのルート検索を実行し、ポリラインをnullで消さずに追加していった。API)で表示される緑色のマーカー(アイコン)を表示させない方法があります。後述サンプルで、自分のアイコンと重なってしまうため、緑色のマーカーを消したかったのです。v3リファレンスにちゃんとありました。日本語版を見る気がなくなります。specificationに、suppressとあります。抑圧するとかいう意味で、緑色のマーカーを表示させないことが可能です。API)で表示される緑色のマーカー(アイコン)を削除しましたが、今度はルート検索結果のルートポリライン(Polylines)を地図から削除してみます。objectを参照方。ルート検索結果のマーカーをクリックしてもインフォウィンドウ(infowindow)が表示されないDirectionsRendererオプションのマーカ削除、ルートポリライン削除につづく最後のルート検索の削除は、緑色のマーカーをクリックしてもインフォウィンドウを開かないようにします。合計距離+区間距離をルートディスプレイとは別に地図の外に表示させるマップルート検索地図の右側に表示されるルートディスプレイですが、中間地点が多いと、トータルでの距離がわかりません。下記script朱書き部参考としてください。以前のサンプルも参照ください。通常ルートを表示させるとルート全体が地図のビューポート(地図の表示範囲内)に表示されてしまい、指定した座標、ズームレベルでは表示されません。google.maps.DirectionsRendererのオプションとして、preserveViewport:trueを指定します。通過地点(stopover)の設定(マーカでない経由ポイントを設定)Waypointにしたくない通過地点をルート上に経由ポイントととして指定する場合は、waypointにstopoverをfalseで指定します。)の複数設定+ルートディスプレイルート検索の基本マップに、複数のwaypoint(経由地点)と+ルートディスプレイを追加していきます。基本マップはスタート(origin)とゴール(destination)だけでしたが、これにWaypoint(中間地点)を下記の赤字のように追加します。locationの指定の方法。Mapのインフォウィンドウに表示される名称をコピペして張り付ければ、ある程度の大型施設であれば対応してくれます。google.maps.Mar...iPhone(アイフォン)のicloud。カメラの使い方がとっても便利に。chromeを使用して下さい。I.E7、8では見れません。viewsiPhone(アイフォン)のicloud。当サイトのご情報利用につきましては、ご自身の判断によりご使用下さい。各ページへのリンクはご自由にどうぞ。その他クレーム・苦情・要望等は、各記事のコメントからお願いします。要望等の対応には時間をいただきくことを了解の上、コメントしてください。当方回答可能なものであればコメントバックさせて頂きます。