google-maps - 渲染航点

Question

我正在编写一个可以在地图中单击的代码，将信息解析为我的谷歌地图路线并将 LatLng 保存在我的数据库中。那部分，没关系，它正在工作。我页面的第二部分将呈现它在我的数据库中的 LatLng。问题来了：当我请求路线（DirectionsResult 对象或 DirectionsRoute）时，如何创建像 google 这样的对象？如果我试图做的事情是错误的，请有人告诉我如何做对。谢谢。

Answer 1

您可能想看看 google api 游乐场：http ://code.google.com/apis/ajax/playground/#polylines_v3

此示例用于打印路线：

function initialize() {
  var mapDiv = document.getElementById('theMapCanvas');
  var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(0, -180),
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var path = [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)];

  var line = new google.maps.Polyline({
    path: path,
    strokeColor: '#ff0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  line.setMap(map);
}