javascript - Googleマップでパスを直線として描く方法は?

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