Leaflet: ν™•λŒ€/μΆ•μ†Œ μ‹œ 지도 μ½˜ν…μΈ κ°€ μ΄λ™ν•©λ‹ˆλ‹€.

에 λ§Œλ“  2015λ…„ 11μ›” 26일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: Leaflet/Leaflet

λ‚΄ κ°„λ‹¨ν•œ ν…ŒμŠ€νŠΈ μ•±(V1 beta2둜 생성)μ—λŠ” μ΄μƒν•œ ν™•λŒ€/μΆ•μ†Œ λ™μž‘μ΄ μžˆμŠ΅λ‹ˆλ‹€. μΆ•μ†Œν•  λ•Œ 그렀진 λ‹€κ°ν˜•μ΄ 남동μͺ½μœΌλ‘œ μ΄λ™ν•˜κ³  ν™•λŒ€/μΆ•μ†Œ μž‘μ—…μ΄ λλ‚˜λ©΄ μ˜¬λ°”λ₯Έ μœ„μΉ˜λ‘œ λŒμ•„κ°‘λ‹ˆλ‹€. ν™•λŒ€ν•  λ•Œ 그렀진 λ‹€κ°ν˜•μ€ λΆμ„œμͺ½μœΌλ‘œ μ΄λ™ν•˜κ³  ν™•λŒ€/μΆ•μ†Œ μž‘μ—…μ΄ λλ‚˜λ©΄ μ˜¬λ°”λ₯Έ μœ„μΉ˜λ‘œ λŒμ•„κ°‘λ‹ˆλ‹€.

이것은 λ‚΄ μ•±μž…λ‹ˆλ‹€:

var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  maxZoom: 18,
  attribution: "&copy; <a href='http://openstreetmap.org/copyright'>OpenStreetMap</a> contributors"
}).addTo(map);
var polygon = L.polygon([
  [51.509, -0.08],
  [51.503, -0.06],
  [51.51, -0.047]
]).addTo(map);

testmapw.meteor.com에 앱을 κ²Œμ‹œν–ˆμŠ΅λ‹ˆλ‹€. ν•œ 번 λ³΄μ„Έμš”...
V1.0.0 beta2λ₯Ό V0.7.3으둜 κ΅μ²΄ν•˜λ©΄ λͺ¨λ“  것이 λ‹€μ‹œ μ •μƒμž…λ‹ˆλ‹€.

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

μ£„μ†‘ν•©λ‹ˆλ‹€. 이것이 λ‹«ν˜€ μžˆλ‹€λŠ” 것을 μ•Œκ³  μžˆμ§€λ§Œ 이 λ¬Έμ œλ„ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€. λ‚΄ λ¬Έμ œλŠ” ν˜„μž¬ 파일(1.0.3) λŒ€μ‹  이전 CSS 파일(0.7.3)을 μ‚¬μš©ν–ˆκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. 이것이 λˆ„κ΅°κ°€λ₯Ό 돕기λ₯Ό λ°”λžλ‹ˆλ‹€.

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

beta2μ—μ„œ μž¬μƒμ‚°ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

http://playground-leaflet.rhcloud.com/waj/edit?html , 좜λ ₯

testmapw.meteor.com을 μ‚¬μš©ν•΄ λ³΄μ…¨μŠ΅λ‹ˆκΉŒ?

예, ν•˜μ§€λ§Œ ν†΅μ œλœ β€‹β€‹μ΅œμ†Œ ν™˜κ²½μ—μ„œ 버그λ₯Ό μž¬ν˜„ν•  수 μ—†λ‹€λ©΄ Leaflet μ½”μ–΄μ˜ λ¬Έμ œκ°€ μ•„λ‹ˆλΌκ³  κ°€μ •ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λ˜ν•œ λͺ¨λ“  JSκ°€ μΆ•μ†Œλ˜κ³  μ½”λ“œ 싀행을 좔적할 수 μ—†κΈ° λ•Œλ¬Έμ— μ›Ή νŽ˜μ΄μ§€μ—μ„œ 무슨 일이 μΌμ–΄λ‚˜κ³  μžˆλŠ”μ§€ μ•Œ 수 μ—†μŠ΅λ‹ˆλ‹€.

쑰사해 μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€! λ‚˜λŠ” λ‹Ήμ‹ μ˜ μž…μž₯을 μ΄ν•΄ν•©λ‹ˆλ‹€.
그런 λ‹€μŒ 직접 λ””λ²„κΉ…ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. μ‹œμž‘ν•˜λŠ” 방법/μ–΄λ””μ„œμ— λŒ€ν•œ 쑰언이 ν•„μš”ν•©λ‹ˆλ‹€.
: λ‚˜λŠ” 전단지 V1Beta2 라이브러리 랩 μœ μ„± νŒ¨ν‚€μ§€λ₯Ό μ‚¬μš©ν•˜μ—¬ μ΅œμ†Œν•œμ˜ μœ μ„± μ‘μš© ν”„λ‘œκ·Έλž¨ (https://www.meteor.com/) λ§Œλ“  https://atmospherejs.com/bevanhunt/leaflet 및 maptestw.meteor.com이λ₯Ό λ°°μΉ˜ν•©λ‹ˆλ‹€.
이것은 당신이 λ³Έ 것과 같은 였λ₯˜λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.
전단지 라이브러리 νŒ¨ν‚€μ§€λ₯Ό 이전 버전(V0.7.3)으둜 κ΅μ²΄ν•˜κΈ°λ§Œ ν•˜λ©΄ 였λ₯˜κ°€ μ‚¬λΌμ§‘λ‹ˆλ‹€.
νŒ¨ν‚€μ§€ μž‘μ„±μžμ—κ²Œλ„ 이 문제λ₯Ό μ•Œλ Έκ³ (https://github.com/bevanhunt/meteor-leaflet/issues/61) "타일 μ„ΈνŠΈκ°€ μ™„μ „νžˆ λ‘œλ“œλ˜μ§€ μ•ŠμŒ"κ³Ό 관련이 μžˆμ„ 수 μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.
이것을 ν™•μΈν•˜λŠ” λ°©ν–₯을 μ•Œλ €μ£Όμ‹œκ±°λ‚˜ 디버깅을 μ‹œμž‘ν•˜κΈ° μœ„ν•œ λ‹€λ₯Έ 쑰언을 μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ?

이 정보가 문제λ₯Ό μ§„λ‹¨ν•˜λŠ” 데 κ°€μΉ˜κ°€ μžˆλŠ”μ§€ ν™•μ‹€ν•˜μ§€ μ•Šμ§€λ§Œ 지도에 λŒ€ν•΄ { zoomAnimation: false }λ₯Ό μ„€μ •ν•˜λ©΄ λΆˆκ·œμΉ™ν•œ μ½˜ν…μΈ  μ›€μ§μž„μ΄ μ‚¬λΌμ§‘λ‹ˆλ‹€(μ•„μ•„, μ• λ‹ˆλ©”μ΄μ…˜λ„ :{ )...

μ£„μ†‘ν•©λ‹ˆλ‹€. 이것이 λ‹«ν˜€ μžˆλ‹€λŠ” 것을 μ•Œκ³  μžˆμ§€λ§Œ 이 λ¬Έμ œλ„ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€. λ‚΄ λ¬Έμ œλŠ” ν˜„μž¬ 파일(1.0.3) λŒ€μ‹  이전 CSS 파일(0.7.3)을 μ‚¬μš©ν–ˆκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. 이것이 λˆ„κ΅°κ°€λ₯Ό 돕기λ₯Ό λ°”λžλ‹ˆλ‹€.

@tc33133 λ„μ™€μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€!

@tc33133 λ‹˜ , μ–΄λ–€ CSS νŒŒμΌμ„ μ—…λ°μ΄νŠΈν•˜μ…¨λ‚˜μš”?

ν˜ΈμŠ€νŒ… 버전을 μ‚¬μš©ν•˜κ³  μžˆμ—ˆκ³  μŠ€νƒ€μΌμ‹œνŠΈ 링크λ₯Ό μ—…λ°μ΄νŠΈν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.
λ‚΄κ°€ μ‚¬μš©ν•˜κ³  있던 IE

버전 1.0.3을 μ‹€ν–‰ μ€‘μ΄λ―€λ‘œ

http://leafletjs.com/download.html μ—μ„œ ν˜ΈμŠ€νŒ… 버전을 μ‚¬μš©ν•˜λŠ” 지침을 λ”°λ₯΄λ©΄ λ¬Έμ œκ°€ μ—†μŠ΅λ‹ˆλ‹€.

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