Google Map에서 Polyline을 그리는 법

Question

맞춤 색상을 사용하여 두 개의 지리 코딩 포인트 간 간단한 폴리 라인을 그리는 방법을 알려줄 수 있습니까? 당신이 필요로하는

Answer 1

모든 것이 여기에 있습니다 : 높은 수준에서

http://code.google.com/apis/maps/documentation/javascript/examples/index.html

는이 작업을 수행 할 :

1. 이 두 점을 지오 코딩 (지오 코더를 사용하여)이 개 요청을합니다. 데이터가 사용 가능 해지면 다시 호출 될 각 요청에 함수를 전달합니다.

2. 두 기능이 모두 완료 될 때까지 기다려야합니다. 두 개의 불린 "oneDone, twoDone"을 가질 수 있고 일단 함수가 콜백하면 true로 설정할 수 있습니다.

3. 폴리 라인의 간단한 예제에서 코드를 사용하여 점 사이의 폴리 라인을 그립니다.

Answer 2

다음과 같은 함수를 사용하여 두 점 사이에 선을 그립니다.지도를 통과시키고 첫 번째 점과 두 번째 점에서 lat와 long을 사용합니다.

var mapOptions = { 
    zoom: zoom, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

map = new google.maps.Map(document.getElementById('map-canvas_'+id), mapOptions);  

function poliLines(map, latPointBefore, lonPointBefore, latPointAfter, lonPointAfter){ 

     var routes = [ 
      new google.maps.LatLng(latPointBefore, lonPointBefore) 
      ,new google.maps.LatLng(latPointAfter, lonPointAfter) 
     ]; 

     var polyline = new google.maps.Polyline({ 
      path: routes 
      , map: map 
      , strokeColor: '#ff0000' 
      , strokeWeight: 5 
      , strokeOpacity: 0.5 
      , clickable: false 
     }); 

}