Angular-google-maps: 원에 strokeWeightλ₯Ό μ„€μ •ν•˜λ©΄ 였λ₯˜κ°€ λ°œμƒν•˜κ³  μŠ€νŠΈλ‘œν¬κ°€ μΆ”κ°€λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 11μ›” 25일  Β·  11μ½”λ©˜νŠΈ  Β·  좜처: SebastianM/angular-google-maps

문제 μ„€λͺ…
strokeWeight 속성을 μΆ”κ°€ν•˜λ©΄ google mapsμ—μ„œ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

ν¬μ°©λ˜μ§€ μ•Šμ€ TypeError : f [r]은 ν•¨μˆ˜κ°€ μ•„λ‹™λ‹ˆλ‹€.

μž¬ν˜„ 단계 및 문제의 μ΅œμ†Œ 데λͺ¨

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

_ 문제λ₯Ό ν™•μΈν•˜λ €λ©΄ 데λͺ¨μ—μ„œ μ–΄λ–€ 단계λ₯Ό μ‹œλ„ν•΄μ•Όν•©λ‹ˆκΉŒ? _

그것을 μ‹€ν–‰ν•˜κ³  μ½˜μ†”μ„ μ—½λ‹ˆ λ‹€.

ν˜„μž¬ 행동
였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.

μ˜ˆμƒ / μ›ν•˜λŠ” 행동
원은 μ •μ˜ 된 κ°€μ€‘μΉ˜λ‘œ 슀트둜크λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.

angular2 및 angular2-google-maps 버전
angular 2.2 및 angular2-google-maps 0.16.0

기타 정보
이것은 획 μœ„μΉ˜ 값을 CENTER λ¬Έμžμ—΄λ‘œ μ „λ‹¬ν•˜μ§€λ§Œ google.maps.StrokePosition.CENTER (OUTSIDE λ˜λŠ” INSIDE)λ₯Ό μ˜ˆμƒν•˜κΈ° λ•Œλ¬Έμ— Googleμ§€λ„μ—λŠ” μœ νš¨ν•˜μ§€ μ•ŠκΈ° λ•Œλ¬Έμ— λ°œμƒν•©λ‹ˆλ‹€. 끈.

urgent AgmCircle bug

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@SebastianM @cesarpκ°€ 제곡 ν•œ 정보와 κ΄€λ ¨ν•˜μ—¬ 진행 상황이 μžˆμŠ΅λ‹ˆκΉŒ? 이 λ¬Έμ œλŠ” κ½€ μ˜€λž˜λ˜μ—ˆμŠ΅λ‹ˆλ‹€ ...

ν•΄κ²° λ°©λ²•μœΌλ‘œ enum을 λ¬Έμžμ—΄ λŒ€μ‹  strokePosition μž…λ ₯에 전달할 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄

google.maps.StrokePosition.CENTER // outputs 0

그런 λ‹€μŒ 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>

λͺ¨λ“  11 λŒ“κΈ€

@cesarp κ°μ‚¬ν•©λ‹ˆλ‹€! ν•˜λ‚˜μ˜ λŒ“κΈ€μ„ μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€.

μ—…λ°μ΄νŠΈ λ˜λŠ” ν•΄κ²° 방법이 μžˆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” 같은 λ¬Έμ œμ— λΆ€λ”ͺμ³€λ‹€.

이 λ¬Έμ œμ— λŒ€ν•œ μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” λ˜ν•œ 같은 λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.

λΏ‘λΏ‘

λ‚΄ agm-circle νƒœκ·Έμ— [strokePosition] = "1"을 μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. 그것은 원을 μΆ”κ°€ν•©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 이제 strokeColor 및 fillColor 값이 μ μš©λ˜μ§€ μ•ŠλŠ”λ‹€λŠ” μ μ—μ„œ λ‹€λ₯Έ λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€. 획과 μ±„μš°κΈ°λŠ” 검은 색이며 λ³€κ²½ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

@shuchow node_modules 디렉토리에 직접 μ½”λ“œλ₯Ό λΆ™μ—¬ λ„£μ—ˆμŠ΅λ‹ˆκΉŒ? λ‚΄ 것이 μ œλŒ€λ‘œ μž‘λ™ν•˜κ³  λ‚΄κ°€ μ›ν•˜λŠ” 행동이 μ •ν™•ν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. μ½”λ“œλ₯Ό λΆ™μ—¬ λ„£μ–΄μ•Όν•©λ‹ˆλ‹€.

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

@SebastianM @cesarpκ°€ 제곡 ν•œ 정보와 κ΄€λ ¨ν•˜μ—¬ 진행 상황이 μžˆμŠ΅λ‹ˆκΉŒ? 이 λ¬Έμ œλŠ” κ½€ μ˜€λž˜λ˜μ—ˆμŠ΅λ‹ˆλ‹€ ...

ν•΄κ²° λ°©λ²•μœΌλ‘œ enum을 λ¬Έμžμ—΄ λŒ€μ‹  strokePosition μž…λ ₯에 전달할 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄

google.maps.StrokePosition.CENTER // outputs 0

그런 λ‹€μŒ 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>

@SebastianM μ™œ 아직 μ—΄λ € μžˆμŠ΅λ‹ˆκΉŒ? λ¬Έμ„œ λ˜λŠ” μ½”λ“œμ—μ„œ λ³€κ²½ν•˜μ‹­μ‹œμ˜€. λ‚˜λŠ” 이것에 λ§Žμ€ μ‹œκ°„μ„ μžƒμ—ˆλ‹€.

같은 λ¬Έμ œκ°€ λ°œμƒν•˜κ³  μˆ˜μ •μ΄ ν•„μš”ν•˜λ©° λ¬Έμžμ—΄μ΄ μž‘λ™ν•˜μ§€ μ•Šμ§€λ§Œ μˆ«μžκ°€ μž‘λ™ν•©λ‹ˆλ‹€ πŸ‘

이 λ¬Έμ œλŠ” 졜근 ν™œλ™μ΄ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— μžλ™μœΌλ‘œ 였래된 κ²ƒμœΌλ‘œ ν‘œμ‹œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 더 이상 ν™œλ™μ΄ λ°œμƒν•˜μ§€ μ•ŠμœΌλ©΄ νμ‡„λ©λ‹ˆλ‹€. κ·€ν•˜μ˜ 기여에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

이것은 μ—¬μ „νžˆ β€‹β€‹λ¬Έμ œμž…λ‹ˆλ‹€ (베타 .5λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€). μ—΄λ € μžˆμ–΄μ•Όν•©λ‹ˆλ‹€.

772κ°€ 문제λ₯Ό ν•΄κ²°ν•˜λ €κ³ ν–ˆμ§€λ§Œ μ™„λ£Œλ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰