Strokes are not working

Issue description

It is not possible to draw a stroke for a agm-rectangle even if the values seem to be correct.

Steps to reproduce and a minimal demo of the problem

The code should be self explanatory:

<agm-map [latitude]="centerLat" [longitude]="centerLng">
    <agm-rectangle
        *ngIf="area"
        [strokeColor]="'#FF0000'"
        [strokeOpacity]="1.0"
        [strokeWeight]="'2px'"
        [strokePosition]="'OUTSIDE'"
        [north]="area.northEast.lat"
        [east]="area.northEast.lng"
        [west]="area.southWest.lng"
        [south]="area.southWest.lat">
    </agm-rectangle>
    <agm-marker *ngIf="location" [latitude]="location.lat" [longitude]="location.lng"></agm-marker>
</agm-map>

I have also tried to use an integer for [strokeWeight], tried every [strokePosition] etc. but nothing works. When using a integer for [strokeWeight] the following error occurs:

zone-evergreen.js:172 Uncaught TypeError: h[u] is not a function
    at VX.F (poly.js:54)
    at poly.js:51
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Zone.runTask (zone-evergreen.js:168)
    at invokeTask (zone-evergreen.js:465)
    at ZoneTask.invoke (zone-evergreen.js:454)
    at timer (zone-evergreen.js:2650)
  | (anonymous) | @ | poly.js:54
  | -- | -- | -- | --|
  | (anonymous) | @ | poly.js:51
  | invokeTask | @ | zone-evergreen.js:391
  | runTask | @ | zone-evergreen.js:168
  | invokeTask | @ | zone-evergreen.js:465
  | ZoneTask.invoke | @ | zone-evergreen.js:454
  | timer | @ | zone-evergreen.js:2650
  | setTimeout (async) |   |  
  | scheduleTask | @ | zone-evergreen.js:2671
  | scheduleTask | @ | zone-evergreen.js:378
  | scheduleTask | @ | zone-evergreen.js:211
  | scheduleMacroTask | @ | zone-evergreen.js:234
  | scheduleMacroTaskWithCurrentZone | @ | zone-evergreen.js:1107
  | (anonymous) | @ | zone-evergreen.js:2686
  | proto.<computed> | @ | zone-evergreen.js:1428
  | _.Xk | @ | common.js:22
  | YX | @ | poly.js:50
  | dY | @ | poly.js:57
  | bY | @ | poly.js:56
  | c.j | @ | poly.js:55
  | _.le | @ | js?v=quarterly&callb…fo-tRaiPlxkjilDs:70
  | loaded | @ | poly.js:101
  | ZoneAwarePromise | @ | zone-evergreen.js:876
  | SX.A | @ | poly.js:101
  | Lk | @ | common.js:26
  | gt | @ | map.js:6
  | (anonymous) | @ | map.js:57
  | Ku | @ | map.js:43
  | (anonymous) | @ | map.js:44
  | invokeTask | @ | zone-evergreen.js:391
  | runTask | @ | zone-evergreen.js:168
  | invokeTask | @ | zone-evergreen.js:465
  | ZoneTask.invoke | @ | zone-evergreen.js:454
  | timer | @ | zone-evergreen.js:2650
  | requestAnimationFrame (async) |   |  
  | scheduleTask | @ | zone-evergreen.js:2671
  | scheduleTask | @ | zone-evergreen.js:378
  | scheduleTask | @ | zone-evergreen.js:211
  | scheduleMacroTask | @ | zone-evergreen.js:234
  | scheduleMacroTaskWithCurrentZone | @ | zone-evergreen.js:1107
  | (anonymous) | @ | zone-evergreen.js:2686
  | proto.<computed> | @ | zone-evergreen.js:1428
  | Ts | @ | map.js:1
  | Pu | @ | map.js:44
  | (anonymous) | @ | map.js:47
  | Iu.ta | @ | map.js:78
  | _.p.ta | @ | map.js:81
  | hv.l | @ | map.js:89
  | (anonymous) | @ | js?v=quarterly&callb…o-tRaiPlxkjilDs:115
  | invoke | @ | zone-evergreen.js:359
  | run | @ | zone-evergreen.js:124
  | (anonymous) | @ | zone-evergreen.js:855
  | invokeTask | @ | zone-evergreen.js:391
  | runTask | @ | zone-evergreen.js:168
  | drainMicroTaskQueue | @ | zone-evergreen.js:559
  | Promise.then (async) |   |  
  | scheduleMicroTask | @ | zone-evergreen.js:542
  | scheduleTask | @ | zone-evergreen.js:381
  | scheduleTask | @ | zone-evergreen.js:211
  | scheduleMicroTask | @ | zone-evergreen.js:231
  | scheduleResolveOrReject | @ | zone-evergreen.js:845
  | resolvePromise | @ | zone-evergreen.js:791
  | (anonymous) | @ | zone-evergreen.js:707
  | (anonymous) | @ | js?v=quarterly&callb…o-tRaiPlxkjilDs:181
  | (anonymous) | @ | js?v=quarterly&callb…fo-tRaiPlxkjilDs:76
  | (anonymous) | @ | js?v=quarterly&callb…o-tRaiPlxkjilDs:181
  | Je | @ | js?v=quarterly&callb…fo-tRaiPlxkjilDs:76
  | Fe.ac | @ | js?v=quarterly&callb…o-tRaiPlxkjilDs:181
  | (anonymous) | @ | map.js:1

Stackblitz Demo

https://stackblitz.com/edit/angular-google-maps-demo-4jyi3f

Current behavior Stroke is not drawn.

Expected/desired behavior Stroke should be drawn 😉

angular-google-maps, Angular, & any other relevant dependency versions

  "dependencies": {
    "@agm/core": "^1.0.0",
    "@angular/animations": "~8.2.5",
    "@angular/common": "~8.2.5",
    "@angular/compiler": "~8.2.5",
    "@angular/core": "~8.2.5",
    "@angular/forms": "~8.2.5",
    "@angular/platform-browser": "~8.2.5",
    "@angular/platform-browser-dynamic": "~8.2.5",
    "@angular/router": "~8.2.5",
    "moment": "^2.24.0",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },

[dockleryxk]

This works for me, I know it’s a circle but maybe this will help

<agm-circle *ngFor="let marker of circles; trackBy: trackByFn"
            [fillColor]="'#000'"
            [fillOpacity]="0.2"
            [strokeColor]="'#000'"
            [strokeOpacity]="0.2"
            [strokeWeight]="5"
            [strokePosition]="0"
            [radius]="50"
            [latitude]="marker.latitude"
            [longitude]="marker.longitude">
</agm-circle>

[ghost]

should be fixed with #1833