javascript - 添加路径到 Google map (API v3)

Question

我正在尝试使用 Google Maps API v3 在我的网站上显示 map 。我希望它显示我所在城市的一些公交线路。它应该看起来像一条彩色路径(例如 1 号线的红色路径)，显示公交车的行程。

这是我到目前为止所拥有的:http://dejoridavid.pe.hu/sasabus/map.php 。 map 上的标记显示了公交车的位置，仅缺少线路路径。如何使用 Google Maps API v3 将路径添加到我的 map ？它应该是一条从 A 到 B 到 C 等的路径，然后再次到达 A。

Answer 1

取自 Google Maps API docs (我添加了评论以澄清正在发生的事情)

// initialize a mapOptions object
var mapOptions = {
    zoom: 3,
    center: new google.maps.LatLng(0, -180),
    mapTypeId: google.maps.MapTypeId.TERRAIN
};

// initialize a map object
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

// initialize an array of LatLng objects. These are your markers in your city
var flightPlanCoordinates = [
        new google.maps.LatLng(37.772323, -122.214897),
        new google.maps.LatLng(21.291982, -157.821856),
        new google.maps.LatLng(-18.142599, 178.431),
        new google.maps.LatLng(-27.46758, 153.027892)];

// initialize a Polyline object. You can set the color, width, opacity, etc. 
var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: '#FF0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
});

// set the polyline's map with your map object from above.
flightPath.setMap(map);