如何在谷歌地图中绘制一条直线的路径？

Question

我正在使用polyline使用google maps v3 api在地图上绘制路径。 这是我的代码：

var polyline = new google.maps.Polyline({
          path: path,
          strokeColor: color,
          strokeOpacity: 10,
          strokeWeight: 1,
          editable: true              
        });
polyline.setMap(map);   

这是部分结果

我正试图在没有圆圈的情况下画出这条路 - 我只想要一条普通的直线。 如果可能的话，我想控制它的厚度。

编辑： editable : true使得该行以圆圈显示。

Answer 1

official docs中给出的是不是直的？

不过，这是一个fiddle供你玩。

var mapOptions = { zoom: 2, center: new google.maps.LatLng(0, 60) };
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var path = [
new google.maps.LatLng(10,20),
new google.maps.LatLng(0,40),
new google.maps.LatLng(50,60)];
var pathOptions = { path: path, strokeColor: "red", strokeWeight: 2 }
var myPath = new google.maps.Polyline(pathOptions);
myPath.setMap(map);