javascript - 如何在谷歌地图中将路径绘制为直线？

Question

我正在使用polylinegoogle 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

官方文档中给出的内容也不是直截了当的吗？

不过，这里有一个小提琴供你玩。

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