computeDistanceBetween을 사용하여 사용자의 현재 위치와 고정 위치 사이의 거리를 계산합니다.

Question

저는 현재 대학 프로젝트 중 하나에 간단한 웹 앱 프로토 타입을 코딩하려고합니다. Javascript를 처음 접했을 때 약간의 문제가 있습니다.

사용자의 현재 위치에 마커를 떨어 뜨린지도와 고정 된 지점에 마커를 작성했습니다. 여기에 지금까지 자바 스크립트입니다 : 여기

var map; 
 

 
function load() { 
 
    var myOptions = { 
 
     zoom: 14, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map"), myOptions); 
 
    navigator.geolocation.getCurrentPosition(displayOnMap); 
 
} 
 

 
var pin; 
 

 
function displayOnMap(position) { 
 
    var latitude = position.coords.latitude; 
 
    var longitude = position.coords.longitude; 
 
    var initialLocation = new google.maps.LatLng(latitude, longitude); 
 
    map.setCenter(initialLocation); 
 
    var marker = new google.maps.Marker({ 
 
     map: map, 
 
     position: initialLocation, 
 
    }); 
 
    loadMarkers(); 
 
} 
 

 
function loadMarkers() { 
 
    var xmlMarkersRequest = new XMLHttpRequest(); 
 
    xmlMarkersRequest.onreadystatechange = function() { 
 
     if (xmlMarkersRequest.readyState === 4) { 
 
      var xml = xmlMarkersRequest.responseXML; 
 
      var markersArray = xml.documentElement.getElementsByTagName("marker"); 
 
      for (var i = 0; i < markersArray.length; i++) { 
 
       var id = Number(markersArray[i].getAttribute("id")); 
 
       var latitude = markersArray[i].getAttribute("latitude"); 
 
       var longitude = markersArray[i].getAttribute("longitude"); 
 
       var point = new google.maps.LatLng(
 
        parseFloat(latitude), 
 
        parseFloat(longitude)); 
 
       var marker2 = new google.maps.Marker({ 
 
        map: map, 
 
        position: point, 
 
        zIndex: id 
 
       }); 
 
      } 
 
     } 
 
    } 
 
    xmlMarkersRequest.open('GET', 'markers.xml', false); 
 
    xmlMarkersRequest.send(null); 
 
}

모든 것이 내가이 원하는 방법을 정확하게 작동합니다.

나는 computeDistanceBetween을 사용하여 사용자의 초기 위치 (initialLocation)와 마커의 위치 사이의 거리를 반환하는 방법을 모르겠습니다.

마커 정보는 원래 하나 이상을 추가하려고했기 때문에 XML 파일에 저장됩니다. 하지만 내 사이트에만 하나의 마커가 필요합니다, 그래서 만약 내가 고정 마커의 정보를 자바 스크립트 대신 작성해야 할 문제가 아니에요.

이 질문에 대한 답변을드립니다.

Answer 1

1. 당신은 형상 라이브러리

   http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry

2. 두 점 사이의 거리가 그들 사이의 최단 경로의 길이를로드해야합니다. 이 최단 경로를 측지선이라고합니다. 구체에서 모든 측지학은 큰 원의 세그먼트입니다. 이 거리를 계산하려면 computeDistanceBetween(), 을 호출하고 두 개의 LatLng 객체을 전달합니다.

예 :

var a = new google.maps.LatLng(0,0); 
var b = new google.maps.LatLng(0,1); 
var distance = google.maps.geometry.spherical.computeDistanceBetween(a,b); 

distance이 미터의 거리가 될 것입니다.