Google지도에 두 개의 아이콘 (내 현재 위치 및 하나의 목적지)을 표시하는 스마트 폰에서 사용하기위한 간단한 PHP 기반 오프로드 탐색 웹 페이지를 구축 중입니다. 내가 움직이면 나를위한 아이콘의 위치가 자동으로 업데이트됩니다. 기본적인 물건을 할방향 화살표가있는 Geolocation API
샘플 코드는 다음과 같습니다 This Stackoverflow example 및 This tutorial.
내가 현재 걷고 방향을 가리키는 화살표로 내 아이콘을 싶습니다. 방향은 이전 위치와 현재 위치를 기반으로합니다. 누구든지 그 방법을 알기를 바랍니다.
N, S, E, W, NE ...을 나타내는 8 개의 아이콘 (또는 16 개의 아이콘)을 사용하고 대략 내 방향과 일치하는 아이콘을 선택하는 것이 좋겠지 만 좀 더 동적 인 것을 기대하고있었습니다.
다른 옵션은 단순히 내가 있었던 곳의지도에 경로를 그립니다. 어쨌든 그렇게하려고 생각하고 있지만 화살도 좋아할 것입니다.
정확히 내가 원하는 것을 명확히하려면, This Stackoverflow example는지도에 내 현재 위치 마커를 표시하려면이 코드가 포함되어 있습니다 :
나는 방향을 가리키는 화살표를 원하는 대신 눈물 방울 형 마커의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를 사용하고 싶지 않습니다. 사용 한도가 있으며 오프로드 용으로 적합하지 않습니다.)