Leaflet: panTo()λŠ” μš”μ²­λœ μ’Œν‘œμ—μ„œ 지도λ₯Ό 쀑앙에 λ°°μΉ˜ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2012λ…„ 08μ›” 19일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: Leaflet/Leaflet

κ·Έλ¦¬λ‹ˆμΉ˜ μ²œλ¬ΈλŒ€λ₯Ό μ€‘μ‹¬μœΌλ‘œ 지도λ₯Ό ν™•λŒ€/μΆ•μ†Œ ν•΄ λ΄…μ‹œλ‹€...

  • 전단지 μ§€λ„λ‘œ μ΄λ™ν•©λ‹ˆλ‹€(예: http://leaflet.cloudmade.com/에 μžˆλŠ” 지도).
  • map.setZoom(0); map.panTo(0,0); (μ•Œλ €μ§„ μ’Œν‘œ/ν™•λŒ€/μΆ•μ†Œ μˆ˜μ€€μ—μ„œ μ‹œμž‘)
  • map.panTo([51.4768, 0.0006]) κ·Έλ¦¬λ‹ˆμΉ˜ μ²œλ¬ΈλŒ€ 쀑앙 지도(이둠상)
  • map.setZoom(16) ν™•λŒ€
  • μ§€λ„λŠ” μ „λ§λŒ€ κ·Όμ²˜μ— 어디에도 μ—†μŠ΅λ‹ˆλ‹€. 사싀, μš°λ¦¬λŠ” 뢁μͺ½μœΌλ‘œ ~10마일 λ–¨μ–΄μ Έ μžˆμŠ΅λ‹ˆλ‹€.

map.getCenter().toString() => LatLng(51.61802, 0) μ˜ν•΄ ν™•μΈλ˜μ—ˆμŠ΅λ‹ˆλ‹€.

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

여기에 λŒ“κΈ€μ„ λ‹¬μ•„μ„œ μ£„μ†‘ν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ 이것은 λ‚΄κ°€ 보고 μžˆλŠ” 것에 λŒ€ν•œ 맀우 μ •ν™•ν•œ μ„€λͺ…인 것 κ°™μŠ΅λ‹ˆλ‹€.

이 jsbin을 λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. https://jsbin.com/putezoyido/edit?js ,console,output

"μƒˆ μœ„μΉ˜λ‘œ 이동"을 ν΄λ¦­ν•˜λ©΄

map.panTo([41.142937, -8.534538]);

κ·ΈλŸ¬λ‚˜ moveend κ°€ 트리거되고 μ§€λ„μ˜ 쀑앙을 ν™•μΈν•˜λ©΄

41.14293584388727
-8.534536957740785

이것은 μ˜ˆμƒλœ κ²ƒμž…λ‹ˆκΉŒ μ•„λ‹ˆλ©΄ λ²„κ·Έμž…λ‹ˆκΉŒ?

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

#426의 λ³΅μ œν’ˆμž…λ‹ˆλ‹€. panTo λŠ” μ˜¬λ°”λ₯΄κ²Œ μž‘λ™ν•˜μ§€λ§Œ λ¬Έμ œλŠ” ν”½μ…€λ‘œ λ°˜μ˜¬λ¦Όν•˜μ—¬ ν™•λŒ€/μΆ•μ†Œ 0μ—μ„œ νŒ¬μ„ μ΄λ™ν•œ λ‹€μŒ 16 ν™•λŒ€/μΆ•μ†Œ μˆ˜μ€€μœΌλ‘œ ν™•λŒ€/μΆ•μ†Œν•œλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€. κ·Έλž˜μ„œ 반올림 λ¬Έμ œμž…λ‹ˆλ‹€.

여기에 λŒ“κΈ€μ„ λ‹¬μ•„μ„œ μ£„μ†‘ν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ 이것은 λ‚΄κ°€ 보고 μžˆλŠ” 것에 λŒ€ν•œ 맀우 μ •ν™•ν•œ μ„€λͺ…인 것 κ°™μŠ΅λ‹ˆλ‹€.

이 jsbin을 λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. https://jsbin.com/putezoyido/edit?js ,console,output

"μƒˆ μœ„μΉ˜λ‘œ 이동"을 ν΄λ¦­ν•˜λ©΄

map.panTo([41.142937, -8.534538]);

κ·ΈλŸ¬λ‚˜ moveend κ°€ 트리거되고 μ§€λ„μ˜ 쀑앙을 ν™•μΈν•˜λ©΄

41.14293584388727
-8.534536957740785

이것은 μ˜ˆμƒλœ κ²ƒμž…λ‹ˆκΉŒ μ•„λ‹ˆλ©΄ λ²„κ·Έμž…λ‹ˆκΉŒ?

κ·Έλž˜μ„œ 해결책은 λ¬΄μ—‡μž…λ‹ˆκΉŒ? :S λ‚˜λŠ” νŒ¨λ‹μ„ μ‹œλ„ν•˜κ³  μžˆμ§€λ§Œ λ‚΄κ°€ μ£ΌλŠ” μ’Œν‘œ κ·Όμ²˜μ—μ„œ 아무데도 νŒ¨λ‹ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ§€λ‚œ μ‹œκ°„ λ™μ•ˆ μ†”λ£¨μ…˜μ„ 찾으렀고 λ…Έλ ₯ν–ˆμ§€λ§Œ κ·Έλ“€ 쀑 λˆ„κ΅¬λ„ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. panToκ°€ μ›λž˜λŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠλŠ” μ΄μœ λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ?

μ•ˆλ…•ν•˜μ„Έμš” @chrillewoodz λ‹˜ , Leaflet이 μœ μš©ν•˜λ‹€λŠ” μ†Œμ‹μ„ λ“£κ²Œ λ˜μ–΄

였래되고 마감된 티켓에 λŒ“κΈ€μ„ 달지 말고 이것이 Leaflet의 버그라고 _정말_ ν™•μ‹ ν•œλ‹€λ©΄ μƒˆ 문제λ₯Ό μ—¬μ‹­μ‹œμ˜€.

효과적인 버그 λ³΄κ³ μ„œ , 특히 문제 ν…œν”Œλ¦Ώμ—μ„œ μš”μ²­λœ λͺ¨λ“  정보(μƒˆ 문제λ₯Ό 생성할 λ•Œ 제곡됨)λ₯Ό μ œκ³΅ν•˜μ—¬ 효과적으둜 쑰사할 수 μžˆλ„λ‘ ν•˜μ‹­μ‹œμ˜€.

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