Creating polylines

Use the polyline component to create a new polyline.

<GMap
  @lat="51.507568"
  @lng="-0.127762"
  @zoom={{10}}
  @styles={{this.myMapStyle}} as |map|>

  <map.polyline
    @path={{this.arrayOfCoordinates}}
    @geodesic={{true}}
    @strokeColor="orange"
    @strokeOpacity={{1}}
    @strokeWeight={{3}} />

</GMap>

Test Click on the map to append new points to the polyline!

Let’s learn how to add info windows or tooltips to the map.

Info windows ›