Как нарисовать полилинию на Google Map

Question

Может, кто-нибудь подскажет, как нарисовать простую ломаную линию между двумя точками геокодирования с помощью пользовательского цвета.

Answer 1

Чтобы нарисовать линию между двумя точками, используя следующую функцию, которой я передаю карту и широту и длину в первой и второй точках.

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
       });

}

Answer 2

Все, что вам нужно, здесь:

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

На высоком уровне вы хотите сделать это:

1. Сделайте два запроса (используя геокодер) для геокодирования двух точек. Вы передадите функцию каждому запросу, который будет вызываться после получения данных.

2. Вам нужно дождаться завершения обоих функций. Вы можете иметь два логических значения «oneDone, twoDone» и установить их в значение true, как только функция перезвонит.

3. Нарисуйте ломаную линию между точками, используя код в простом примере.