feat(google-maps): Add MapPolyline component

Clean up demo component.
angular · Nov 8, 2019 · 3a84118 · 3a84118
1 parent 4c882c1
commit 3a84118
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/dev-app/google-map/google-map-demo.html b/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>
diff --git a/src/dev-app/google-map/google-map-demo.ts b/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};
   }
 }