Setting strokeWeight on a circle throws an error and doesn't add the stroke

[cesarp]

Issue description
If you add the strokeWeight property google maps throws an error:

Uncaught TypeError: f[r] is not a function

Steps to reproduce and a minimal demo of the problem

http://plnkr.co/edit/EjWE2hRU9q3DwQh90BCE?p=preview

What steps should we try in your demo to see the problem?

Run it and open the console.

Current behavior
An error is thrown.

Expected/desired behavior
The circle shows a stroke with the defined weight

angular2 & angular2-google-maps version
angular 2.2 and angular2-google-maps 0.16.0

Other information
This happens because you are passing the stroke position value as CENTER string but that is not valid for google maps since it is expecting google.maps.StrokePosition.CENTER (OUTSIDE or INSIDE) which behind the scenes is an enum with some numeric value not a string.

[sebholstein]

@cesarp thank you! Added one comment.

[rg1220]

Any update or work-around? I've run into the same issue.

[santosmken]

Any update with this issue? I've encounter the same issue also.

[shuchow]

@santosmken

I added [strokePosition]="1" to my agm-circle tag. That adds the circle. However, now I have a different problem in that strokeColor and fillColor values are not being honored. The stroke and the fill is black and cannot be changed.

[santosmken]

@shuchow did you paste the code directly on your node_modules directory? Because mine is working properly and the behavior I want is correct. The code should be pasted on

node_modules/@agm/services/google-maps.api-wrapper.js LINE 46-51

[poltorak]

@SebastianM any progress with that regarding information @cesarp provided? this issue is quite old...

As a workaround you can pass enum to strokePosition input instead of string. For instance

google.maps.StrokePosition.CENTER // outputs 0

then pass 0:

<agm-circle
  [latitude]="55.6713442"
  [longitude]="12.5237847"
  [radius]="1000"
  [strokeOpacity]="1"
  [strokePosition]="0" <-- here's the trick
  [strokeWeight]="2"
  [strokeColor]="'#706bd6'"
  [fillColor]="'#706bd6'"
  [fillOpacity]="0.5">
</agm-circle>

[Pitkox]

@SebastianM Why this is still open? Please change it on docs or in code. I lost much time on this.

[vguleaev]

I run into same issue, a fix is needed, string doesn't work but number work 👍

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[dockleryxk]

This is still an issue (I'm using beta.5). It should stay open

[ghost]

#772 tried to fix it, but wasn't complete