# Polyline
# Add Polyline to the map
You can add Polyline to the map using GMapPolyline component.
<template> <GMapPolyline :path="path" :editable="true" ref="polyline" /> </template> <script> export default { name: 'App', data() { return { center: {lat: 1.38, lng: 103.8}, path: [ {lat: 1.33, lng: 103.75}, {lat: 1.43, lng: 103.85}, ], } }, } </script> # Make polyline editable
You can make Polyline editable using editable prop.
<template> <GMapMap> <GMapPolygon :editable="true" :paths="paths"/> </GMapMap> </template> <script> export default { name: 'App', data() { return { } }, } </script> # Polyline options
You can set Polyline options using options prop.
<template> <GMapMap> <GMapPolygon :paths="paths"/> </GMapMap> </template> <script> export default { name: 'App', data() { return { options: { } } }, } </script>