http://playground-leaflet.rhcloud.com/ ๋๋ ์ฌ์ดํธ์ ๊ฐ์ ๋ค๋ฅธ jsfiddle ์ฌ์ฉ.
์ฑ์์ ์ฌ์ฉํ๊ธฐ ์ํด ์ต์ ๋ฒ์ ์ ์ ๋จ์ง 1.02๋ฅผ ์๋ํ์ต๋๋ค. ์ ๋จ์ง 1.0.2๋ ์ผ๋ฐ ์๋ฐ ์คํฌ๋ฆฝํธ๋ก ์ฑ์ ๋น๋ํ๋ฉด ๋ฌธ์ ๊ฐ ์์ต๋๋ค. Typescript ์ฑ์์ ์ ๋จ์ง 1.0.2 ์ฌ์ฉ ์ค๋จ: ์ง๋์ GeoSearch์ ๊ฐ์ Control ํ๋ฌ๊ทธ์ธ์ ์ถ๊ฐํ์๋ง์ this.callInitHooks๋ ๊ธฐ๋ฅ์ด ์๋๋๋ค.
์ ๋จ์ง 1.0.2 ES6/Typescript๊ฐ ํธํ๋๋์?
TypeScript(https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/leaflet/index.d.ts์ ๋ํ ์ ์๊ฐ ์์) ๋ฐ ES6๊ณผ ํจ๊ป Leaflet์ ์ฌ์ฉํ๋ ๊ฒ์ ํน๋ณํ ๋ง๋ ๊ฒ์ ์์ต๋๋ค.
์ด๋ฅผ ๋ฐฉ์งํ๋ ํน์ ๋ฌธ์ ๊ฐ Leaflet์ ์๋ค๊ณ ์๊ฐ๋๋ฉด http://playground-leaflet.rhcloud.com/ , jsfiddle ๋๋ ์ด์ ์ ์ฌํ ์์ ๋ฅผ ์์ ๋กญ๊ฒ ์ ๊ณตํ์ญ์์ค.
๋๊ฐ ํ์คํ ๋ง์. ๋๋ Typescript์ ํจ๊ป ๋ด ์ฑ์์ Leaflet์ ์ฌ์ฉํ๋ ๋ฐ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ์๋ํ์ง ์๋ ํ๋ฌ๊ทธ์ธ์ผ ๋ฟ์
๋๋ค.
ํ๋ฌ๊ทธ์ธ์ ์คํํ๋ฉด kookinit()๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค.
Op 3 1์. 2017, om 14:57 heft Per Liedman [email protected]์์ ๋ณผ ์ ์์ต๋๋ค.
TypeScript์ ํจ๊ป Leaflet์ ์ฌ์ฉํ๋ ๊ฒ์ ํน๋ณํ ๋ฐฉํดํ๋ ๊ฒ์ ์์ด์ผ ํฉ๋๋ค(์ด์ ๋ํ ์ ์๊ฐ ์์ต๋๋ค: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/leaflet/index.d.ts https://github .com/DefinitelyTyped/DefinitelyTyped/blob/master/leaflet/index.d.ts ) ๋ฐ ES6.
์ด๋ฅผ ๋ฐฉ์งํ๋ Leaflet์ ํน์ ๋ฌธ์ ๊ฐ ์๋ค๊ณ ์๊ฐ๋๋ฉด http://playground-leaflet.rhcloud.com/ http://playground-leaflet.rhcloud.com/ , jsfiddle ๋๋ ์ด์ ์ ์ฌํ ์์ ๋ฅผ ์์ ๋กญ๊ฒ ์ ๊ณตํ์ญ์์ค.
โ
์ค๋ ๋๋ฅผ ์์ฑํ๊ธฐ ๋๋ฌธ์ ์ด ๋ฉ์์ง๋ฅผ ๋ฐ๋ ๊ฒ์ ๋๋ค.
์ด ์ด๋ฉ์ผ์ ์ง์ ๋ต์ฅํ๊ฑฐ๋ GitHub https://github.com/Leaflet/Leaflet/issues/5224#issuecomment-270119252 ์์ ํ์ธํ๊ฑฐ๋ https://github.com/notifications/unsubscribe-auth/AAZlpz5axhLON3LzzdbHZIgG4DYx4- ์ค๋ ๋๋ฅผ ์์๊ฑฐ
๋ฌธ์ ์ ํ๋ฌ๊ทธ์ธ์ ๋ํ ๋ฌธ์ ๋ฅผ ์ ์ถํด์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ถํํ๋ Leaflet ํ์ ๋ค๋ฅธ ์์ฑ์์ ํ๋ฌ๊ทธ์ธ์ ๋ํ ํต์ฐฐ๋ ฅ์ด ์ ํ์ ์ด๋ฉฐ ์ฐ๋ฆฌ์ ์๊ฐ๊ณผ ๋ฆฌ์์ค๋ก ์ธํด Leaflet์ ํต์ฌ ์ธ๋ถ์์ ๋ฌธ์ ๋ฅผ ๋๋ฒ๊น ํ์ง ๋ชปํฉ๋๋ค.
๋์์ด ๋์ค์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง ์ ๋ ๊ฐ์ ๋ฌธ์ ๊ฐ ์์์ต๋๋ค. ํ์ง๋ง ๊ทธ๊ฒ์ ๋ด ์ค์์๋ค. ๋๋ L.tileLayer() ๊ฐ ์๋๋ผ L.TilelLayer ๋ฅผ ํธ์ถํ๊ณ ์๋ง๋ ์ด๊ฒ์ ๋ฌธ์์ ์ผ๋ฐ์ ์ธ ์ค์๋ก ์ถ๊ฐํ์ ๊ฒ์ ๋๋ค :-( https://github.com/mWater/offline-leaflet-map/issues/18 ์ฐธ์กฐ
๋๊ตฐ๊ฐ๊ฐ ๊ฐ์ ์ค๋ฅ๋ฅผ ๊ฒช์ ๊ฒฝ์ฐ๋ฅผ ๋๋นํ์ฌ ๋์
var positron = L.TileLayer(...)
๋ค์๊ณผ ๊ฐ์ด ์์ฑํด์ผ ํฉ๋๋ค.
var positron = new L.TileLayer(...)
๋์ดํฐ ๋งํฌ @pcrombach ์ ์ ํค์๋๊ฐ ์์ต๋๋ค.
๋ฌธ์ ๊ฐ ๋ฌด์์ธ์ง ๋ช
ํํ ํ๊ธฐ ์ํด - Leaflet์ ํด๋์ค๋ฅผ ์ฌ์ฉํ๊ณ ์ ๊ฐ์ฒด๋ฅผ ์์ฑํ๊ธฐ ์ํ ํฉํ ๋ฆฌ ๋ฉ์๋๋ ์์ต๋๋ค. ํด๋์ค๋ ๋๋ฌธ์๋ก ํ์๋๋ฉฐ new
๋ก ํธ์ถํด์ผ ํ์ง๋ง ํฉํ ๋ฆฌ ๋ฉ์๋๋ ์๋ฌธ์ new
๋ฅผ ํธ์ถํ๊ธฐ
// Small t, calling factory method
const positron = L.tileLayer(...);
// Capital T, instantiating a new instance directly
const positron = new L.TileLayer(...);
๋ฐ์์๋ ๋์ผํ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๊ตฐ๊ฐ๊ฐ ๊ฐ์ ์ค๋ฅ๋ฅผ ๊ฒช์ ๊ฒฝ์ฐ๋ฅผ ๋๋นํ์ฌ ๋์
var positron = L.TileLayer(...)
๋ค์๊ณผ ๊ฐ์ด ์์ฑํด์ผ ํฉ๋๋ค.
var positron = new L.TileLayer(...)
๋์ดํฐ ๋งํฌ @pcrombach ์ ์ ํค์๋๊ฐ ์์ต๋๋ค.