feat(google-maps): Add MapPolyline component

Clean up demo component.

Author: mbehrlich

src/dev-app/google-map/google-map-demo.html

@@ -19,6 +19,13 @@
   <p><label>Latitude:</label> {{display?.lat}}</p>
   <p><label>Longitude:</label> {{display?.lng}}</p>
 
-  <button (click)="displayPolyline()">Polyline</button>
-  <button (click)="editablePolyline()">Editable Polyline</button>
+  <div>
+    <label for="polyline-checkbox">Toggle Polyline</label>
+    <input id="polyline-checkbox" type="checkbox" (click)="togglePolylineDisplay()">
+  </div>
+  <div>
+    <label for="editable-polyline-checkbox">Toggle Editable Polyline</label>
+    <input id="editable-polyline-checkbox" type="checkbox" (click)="toggleEditablePolyline()">
+  </div>
+
 </div>

src/dev-app/google-map/google-map-demo.ts

@@ -46,11 +46,11 @@ export class GoogleMapDemo {
     this.markerPositions.pop();
   }
 
-  displayPolyline() {
+  togglePolylineDisplay() {
     this.isPolylineDisplayed = !this.isPolylineDisplayed;
   }
 
-  editablePolyline() {
-    this.polylineOptions = {...this.polylineOptions, editable: true};
+  toggleEditablePolyline() {
+    this.polylineOptions = {...this.polylineOptions, editable: !this.polylineOptions.editable};
   }
 }