Google Maps APIで通りを強調表示できますか?
このエフェクトに近いものは、私が見つけた唯一のものです。 しかし、これは多くの作業であり、不正確です。ラインは地名にも行きます。
私が欲しいのは、特定の街頭名を、ポイントaからbにナビゲートしているかのように強調表示することです。 例えば、10本の通りが街頭で閉鎖されている場合、その通りを強調表示することができます。Google Maps APIでは、特定の通りをハイライトすることは可能ですか?
答えて
これは、実際にはMaps APIルートレンダラーを使用して簡単に行うことができます。
あなたの通りの始点と終点の緯度/経度座標を入力する必要があり、レンダラーはすべての計算とペインティングを行います。方向のステップを読み込んでポリラインを描く必要はありません。
がここにアクションでそれを参照してください。
http://jsfiddle.net/HG7SV/15/
これは、コードで、すべてのマジックは()関数の初期化中に行われます。
<html>
<head>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
// init map
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// init directions service
var dirService = new google.maps.DirectionsService();
var dirRenderer = new google.maps.DirectionsRenderer({suppressMarkers: true});
dirRenderer.setMap(map);
// highlight a street
var request = {
origin: "48.1252,11.5407",
destination: "48.13376,11.5535",
travelMode: google.maps.TravelMode.DRIVING
};
dirService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
dirRenderer.setDirections(result);
}
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
あなたの通りが湾曲し、レンダラーが見つける必要がある場合あなたが意図していないショートカットを作成するには、中間のウェイポイントを追加して、描画された線を目的の通りに正確に押し込むことで簡単に修正できます:
var request = {
origin: "48.1252,11.5407",
destination: "48.13376,11.5535",
waypoints: [{location:"48.12449,11.5536"}, {location:"48.12515,11.5569"}],
travelMode: google.maps.TravelMode.DRIVING
};
あなたの返事のためのThx!このような複数のルートを描くことも可能ですか? jsFiddleで2番目のルートを描くと、最初のルートは消えます。 – user1081577
私は、私が描画する各パスに対して新しいdirectionServiceオブジェクトを追加する必要があることを知りました。これはアドバイス可能ですか? [新しいフィドルへのリンク](http://jsfiddle.net/FX2ag/)(いくつかのコピー貼り付け作業はおそらくループを作るほうがよいでしょう) – user1081577
[複数のルートと着色についての詳細情報](http://stackoverflow.com)/questions/8304875/using-google-maps-3-api-to-get-multiple-routes-on-a-map) – user1081577
- 1. Google Maps APIからトリップETAを抽出することは可能ですか?
- 2. Google Maps APIハイライト地域データ
- 3. Google Maps API:これはどの機能タイプですか?
- 4. iOSでGoogle Maps APIを使用してターン方向でターンすることは可能ですか?
- 5. アンドロイドGoogle Maps API v2をオフラインタイルのビューアとして使用することは可能ですか?
- 6. 特定の店舗の場所を特定するGoogle Maps API
- 7. Google Maps APIのサポートをオプションで必要とする可能性はありますか?
- 8. Google Maps Android API v2 - MarkerOptionsドラッグ可能で表示可能なメソッド
- 9. 静的なGoogle Maps API用にカスタマイズ可能な中心点を作成することはできますか?
- 10. Apple MapsとGoogle Maps APIのパラメータは同じですか?
- 11. Google Vision APIでCamera2を使用することは可能ですか
- 12. 特定のルートのGoogle Maps API期間
- 13. Googleホームデバイスに音声通知を送信することは可能ですか
- 14. node.jsが.net APIと通信することは可能ですか?
- 15. カスタムコントロールデザイン定義のファセット内容を特定することは可能ですか?
- 16. 特定のタイムスタンプでmongoDBのイベントをトリガすることは可能ですか?
- 17. 交通情報を提供するGoogle Maps API for iOSはありますか?
- 18. Google People API - カスタムフィールドを取得することは可能ですか?
- 19. svnコピーで特定のディレクトリを除外することは可能ですか?
- 20. 特定の期間、アンドロイドデバイスでブルートゥースをロックすることは可能ですか?
- 21. Googleドライブから特定のフォルダのすべてのファイルを取得することは可能ですか?
- 22. React Applications間で通信することは可能ですか?
- 23. Google Maps APIで通りの一部を選択できますか?
- 24. Google CodeでプライベートMercurialリポジトリを設定することは可能ですか?
- 25. Google Maps APIとGoogle Maps Engine?
- 26. Google Maps androidで2つ以上のポイントをナビゲートすることは可能ですか?
- 27. Google Maps API v3でマーカーのZ-インデックスを設定するには
- 28. Google Maps API Geolocation onclickを有効にすることはできますか?
- 29. Django:ページネーションで特定のオブジェクトを見つけることは可能ですか?
- 30. Google Maps APIプレイスライブラリでNearbySearchを使用すると、Google Maps APIプレイスライブラリの
http://stackoverflow.com/questions/2155032/highlighting-whole-street-with-some-maps-api '' このリンクを特にご覧ください http://econym.org.uk/gmap /example_snappath.htm – C5H8NNaO4
これらの例はGoogle Maps API v2で、同じ概念がv3にも適用されますが、OPが望んでいない通りの線を描いています。 – geocodezip
申し訳ありませんが、私は答えを受け入れることができるか分からなかった。しかし、話題につけておきましょう。誰もが解決策を知っていますか?私は前に人々がこの問題を抱えていたことは想像できる。しかし、おそらくそれは可能ではありません。 – user1081577