지도에서 거리 색칠

Question

거리의 이름과 사람의 평균 밀도를 나타내는 숫자 (1에서 5까지)가있는 도시의 데이터베이스가 있습니다.

Google지도 나 OSM 등 무엇이든간에지도에 표시하고 싶습니다. 밀도에 따라 녹색에서 빨간색으로 거리를 색칠합니다.

문제 거리를 색칠하는 방법이나 폴리선을 그리는 방법을 모르는 문제입니다.

아이디어가 있으십니까?

TY!

Answer 1

Google지도 APIv3를 사용하는 경우지도에서 선을 작성/그리기는 어렵지 않습니다. Gmaps3 문서는 명확하게지도에 선을 그어야하는 데 사용할 수있는 배열로 거리 좌표 (의 위도와 경도를)을 통과 - 그것을

https://developers.google.com/maps/documentation/javascript/overlays#Polylines

에게 논리입니다 사용하여 설명합니다. 또한 폴리 라인의 색상을 쉽게 변경할 수 있습니다. 이 작업을 수행하는 방법에 대한 아이디어를 들어, 폴리 라인

을 만드는 동안 적절하게 배열에서 색상을 농도 값에 따라 다음

  var linecolors = []; 
      linecolors[0] = '#3333FF'; 
      linecolors[1] = '#8A0808'; 
      linecolors[2] = '#B45F04'; 
      linecolors[3] = '#B18904'; 

와 같은 - 색상의 일부 세트와 배열을 할 수 있습니다 업데이트 : 거리 좌표를 찾으려면 길 찾기 서비스가 필요할 수 있습니다.

See directions service

당신은 directionsService.route()에 출발지와 목적지 등의 주소 또는 위치를 통과 travelMode DRIVING를 사용할 수 있습니다. 거리를 얻으십시오 - EXAMPLE

chrome console-network 탭 (coordiantes와 함께 다운로드 한 js 파일을 찾을 수 있음)을 사용하여 수신 된 좌표를보고 저장할 수 있습니다.