Google지도를 폴리 라인으로 렌더링

지도에 몇 개의 경로를 표시하고 싶지만 먼저 Google지도로 그려야합니다. 예를 들어 시애틀에서 샌디에고로가는 길을 찾은 다음 조금 움직이면 링크는 this처럼 보입니다.Google지도를 폴리 라인으로 렌더링

내가 이런 식으로 시애틀과 샌디에고를 연결하는 폴리 라인을 그릴 수 있고 DirectionsRenderer를 사용할 수 있다는 것을 알고 : 나는 같은 링크에 전달하는 방법이 있는지 알고 싶습니다 무엇

function renderDirections(result) { 
    var directionsRenderer = new google.maps.DirectionsRenderer; 
    directionsRenderer.setMap(gMap); 
    directionsRenderer.setDirections(result); 
    } 

    var directionsService = new google.maps.DirectionsService; 
    function requestDirections(start, end) { 
    directionsService.route({ 
     origin: start, 
     destination: end, 
     travelMode: google.maps.DirectionsTravelMode.BICYCLING 
    }, function(result) { 
     renderDirections(result); 
    }); 
    } 
    requestDirections('Seattle, WA', 'San Diego, CA');

길 찾기 요청. 링크에는 웨이 포인트가 포함되어 있으며 기본 경로를 수정했습니다.

출처

2010-07-22 lashleigh

예. 길 찾기와 끝점을 DirectionsRequest에 전달하고 DirectionsRequest를 DirectionsService 개체로 전달하면 DirectionsRenderer를 사용할 수 있습니다. 일단 .setDirections를 호출하면 폴리 라인이 그려집니다. API 설명서 at에서.

DirectionsService의 결과를 사용하도록 렌더러를 설정하십시오. 이 방법으로 유효한 방향 집합을 설정하면 렌더러의 지정된지도 및 패널에 방향이 표시됩니다.

경로의 개별 지점을 파생시킬 수있는 경로가 개별적으로 폴리선을 그리는 경우 (경로 왜곡이 필요한지는 알 수 없지만) DirectionsLesult에 latInsize의 배열 인 .path 속성을 포함하는 DirectionsSteps의 배열입니다.

출처

2010-07-22 21:01:25

나는 따라하기를 두려워. 이렇게하면 시작과 끝을 연결하는 기본 경로에 대한 변경 사항을 어떻게 유지할 수 있습니까? 어디에서 링크를 사용합니까? – lashleigh

그건 lashleigh의 질문에 대한 답변이 아닙니다. 그녀는 기존의 Google지도 링크 (손으로 추가 한 경유지 포함)를 가져 와서 사용자 정의지도에서 렌더링하는 방법을 원합니다. 너는 이것을 전혀 언급하지 않는다. – Benson

모두 꽤 맞습니다. 나는 내 질문과 후속 편집에 대한 그녀의 논평 앞에 lashleigh의 의도에 대해 명확하지 않았습니다. 경로를 변경할 때 추가 된 점은 "geocode"매개 변수에 인코딩됩니다. (http://mapki.com/wiki/Google_Map_Parameters#Directions) 포인트는 % 3b (urlencoded ";")로 구분되지만 포인트 자체가 어떻게 인코딩되는지는 알기 어렵습니다. 찾고있는 것은 DirectionsRequest 객체의 .waypoints 속성에서 제공하기위한 것입니다. 추가 한 중간 웨이 포인트의 위도를 알아야하지만 올바른 방법입니다. –

올바른 길을 가고 있습니다. API를 이해하기 어렵습니다. route 메소드를 호출 할 때 DirectionsService의 DirectionRequest 객체에 경유지를 설정해야한다고 생각합니다. 나는 당신이 링크를 전달할 수 있다고 생각하지 않지만, 먼저 객체 또는 웨이 포인트 배열을 생성 할 수 있습니다.

원하는 경우 optimizeWaypoints 부울을 지정할 수도 있습니다. Check out the DirectionsRequest Object.

waypoints 배열. 중간 웨이 포인트의 배열. 길 찾기는이 배열의 각 중간 지점을 기준으로 출발지에서 목적지까지 계산됩니다. 선택 과목.

출처

2010-07-26 01:43:20 CrazyEnigma

Google지도를 폴리 라인으로 렌더링

답변

관련 문제