2017-09-11 10 views
1

このようなポリラインにfillColorを適用しようとしています。 enter image description here`fillColor`はGoogleマップでは機能しません

しかし、私はそれを行うことができませんでした。ここに間違っていますか?

poly = new google.maps.Polyline({ 
      strokeColor: '#00DB00', 
      strokeOpacity: 1.0, 
      strokeWeight: 3, 
      fillColor: 'green', 
      fillOpacity: 0.05 
     }); 
     poly.setMap(map); 

フィドル:https://jsfiddle.net/vL6qpn4w/

Doubt:どのように私のコードを使用してポリゴンを描画するには?

答えて

2

ポリラインは塗りつぶしの色を単純な線としてサポートしていません。代わりにポリゴンを使用してみてください。ポリゴンには塗りつぶしや線の属性があります。上にしようとしているものを与えます。 https://developers.google.com/maps/documentation/javascript/shapes#polygons

poly = new google.maps.Polygon({ 
     strokeColor: '#00DB00', 
     strokeOpacity: 1.0, 
     strokeWeight: 3, 
     fillColor: 'green', 
     fillOpacity: 0.05 //Increase this to make the green background darker 
    }); 
    poly.setMap(map); 

新フィドル:https://jsfiddle.net/c3znthny/1/

+0

私だ、私は、ユーザーが事前に定義されたvalues.Howではないグーグルマップ上でクリックしたときに、それを作成したいhttps://jsfiddle.net/vL6qpn4w/2/.Butポリゴンそれをするために? – user7397787

関連する問題