現在の場所と目的地の 2 つのアイコンを Google マップに表示する、スマートフォンで使用するための単純な PHP ベースのオフロード ナビゲーション Web ページを作成しています。移動すると、アイコンの位置が自動的に更新されます。
基本的な作業を行うためのサンプル コードには、次のものが含まれます。この Stackoverflow の例とこのチュートリアル。
現在歩いている方向を指す矢印をアイコンにしたいと思います。方向は、以前の位置と現在の位置に基づいています。それを達成する方法を知っている人はいますか?
大雑把な方法の 1 つは、N、S、E、W、NE を表す 8 つ (または 16 個) のアイコンを用意し、自分の方向にほぼ一致するアイコンを選択することですが、もっと動的なものを望んでいました。
もう 1 つのオプションは、私が行った場所の地図上に道を描くことです。とにかくそれをやろうと思っていますが、矢印も欲しいです。
私が望むものを正確に明確にするために、この Stackoverflow の例には、地図上に現在の位置のマーカーを表示するための次のコードが含まれています。
map = new google.maps.Map(document.getElementById("map_canvas"), {
zoom: 18,
center: new google.maps.LatLng(startPos.coords.latitude, startPos.coords.longitude),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(startPos.coords.latitude, startPos.coords.longitude),
map: map
});
涙型のマーカーの代わりに、歩いている方向を指す矢印が必要です。以前の場所と現在の場所の緯度/経度に基づいて、それが指す方向を計算しますが、上記のコードの位置を示すコードを挿入する必要があります:...
これは基本的なナビゲーションに関するものなので、以前に行われたと確信しています。私は例を見つけることができませんでした。(Googleの方向性APIは使いたくない。使用制限があり、オフロードにはあまり向いていない。)