gmaps4rails를 사용하여지도에 두 줄을 표시하는 방법은 무엇입니까?

Google지도 및 페인트 차량 경로를 사용하는 레일 앱을 개발 중입니다. 내가지도에 drawling 라인 gmaps4rails 보석을 사용gmaps4rails를 사용하여지도에 두 줄을 표시하는 방법은 무엇입니까?

, 그래서

, 나는 자동차 (계획에 의해 자동차 경로에 대한 좌표의 배열)에 대한 계획을 가지고 있고 (차 있었다 자동차 경로에 대한 좌표의 배열을보고 실제로 몰았다).

그래서, 나는 좌표의 배열을 가지고 - 임의 포인트 계획과 보고서, 예 :

나는이보기지도 '계획'라인입니다 예를 들어,지도에서 한 라인을 그리는 방법을 알고

@plan = [ [12.124, 12,34253], [11.124, 12,34253], ... [8.124, 5.344] ] 
@report = [ [12.224, 12,64253], [10.124, 12,34253], ... [9.124, 6.345] ]

%div.container 
    %div.panel.panel-default.col-sm-9 
    %div.panel-body.row 
     #map.col-sm-12 

:javascript 
    handler = Gmaps.build('Google'); 
    handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){ 
    polyline = #{raw @plan.to_json} 

    handler.addPolyline(polyline); // and not addPolylines 
    handler.bounds.extend(polyline[0]); 
    handler.bounds.extend(polyline[ polyline.length - 1]); 
    handler.fitMapToBounds(); 
    });

하지만 이제는 동일한지도에 'plan'줄과 'report'줄을 그려야합니다. 같은지도에 여러 색상의 두 줄을 그릴 수있는 방법은 무엇입니까?

친절하게 감사드립니다.

출처

2014-11-19 bmalets

결과 html주세요. (plunkr을 만들 수 있습니다.) – apneadiving

다른 경로를 제공하십시오. – apneadiving

@apneadiving 좌표가 두 개의 배열 (계획 및 보고서)을 가지며 결과 HTML은 haml보기가있는 내 예제와 동일합니다. 두 줄을 그리고 선의 색을 설정하는 방법을 모르겠다. js 변경이 필요하다 ... – bmalets

코드에 오류가 있습니다. gmaps4rails는 lat 및 lng 속성을 제공하는 객체 배열을 필요로합니다. 변형은 꽤 쉽습니다.

옵션과 관련하여 두 번째 인수로 전달할 수 있습니다. Source code은 매우 명확합니다.

어쨌든 Here is a working plunkr 데이터와

출처

2014-11-19 14:13:19 apneadiving

감사합니다. (어쩌면 당신이 다른 비슷한 문제를 도와 줄 수 있습니다 http://stackoverflow.com/questions/27017658/how-get-car-route-between-two-coordinates-using-ruby) – bmalets

gmaps4rails를 사용하여지도에 두 줄을 표시하는 방법은 무엇입니까?

답변

관련 문제