๊ถ๊ธํ ๋ถ์ด ๋ณ๋ก ์์ ๊ฒ ๊ฐ๊ธดํ๋ฐ, ์ฌ์ด๋ moim ์๋น์ค์ ์ง๋๊ฐ ๋ค์ด๊ฐ ์๋ ๊ฒ ๋ณด๊ณ , ๊ฒฝํ์ ๊ฐ์ด ๊ณต์ ํ๋ฉด ์ข๊ฒ ๋ค ์ถ์ด ์ฌ๋ฆฝ๋๋ค.
์ด์ด์ ์ง๋ ์คํ
์ด์ด์์ ๋ค์๊ณผ ๋จ๊ณ๋ก ์ง๋ ์คํ์ ๋ฐ๊ฟจ์ต๋๋ค.
leaflet + OpenStreetMap (OSM) ->
leaflet + ๊ตฌ๊ธ map tiles API ->
mapLibre + OpenFreeMap (OFM), Google maps JS + vector
์๋ฌด๋๋ OSM ์ง์์ชฝ ์ง์ค ๋ฐ ๋ฆฌ๋ฒ์ค ์ง์ค์ฝ๋ฉ (์ฃผ์์ ์/๊ฒฝ๋ ๋ณํ)์ด ๊ตฌ๊ธ์ ๋นํด ์ฝํฉ๋๋ค. ๊ทธ๋์ ๊ตฌ๊ธ๋งต ํ์ผ๋ก ๊ฐ์ํ์ต๋๋ค. ๊ทธ ํ ๋ช ๋ฌ ์ฐ๋ค ๋ณด๋ ์ต์ํด์ง ์ง๋ ์๋น์ค๋ค๊ณผ ํ์ฐํ ๋จ์ ์ด ๋ณด์
๋๋ค. ๋ฒกํฐ ํ์ผ์ ์ฐ๋ ๊ตฌ๊ธ๋งต, ๋ค์ด๋ฒ๋งต์ ์ฐ๋ค ๋ณด๋ฉด ์ค์ธํ ๋ ๋์ด ๋ชฉ์ ์ง๋ฅผ ์ ๋ฐ๋ผ๊ฐ๋๋ฐ, leaflet + OSM ๊ฐ์ ๋์คํฐ ํ์ผ ๊ธฐ๋ฐ์ ์๋์ ์ผ๋ก ์ข ํ๋๋ค. ๊ทธ๋์ ๋ฒกํฐ๋งต์ ์ฐ๊ธฐ ์ํด ๊ฐ๋ฐ๊ณผ ๋น์์ฉ์ผ๋ก mapLibre + OSM์ ๋ํํด ๋ OFM ์กฐํฉ์ ์ ํํ๊ณ , ์๋น์ค ๋ํดํธ๋ mapLibre๋ฅผ ์ฐ์ง ์๋ ๊ตฌ๊ธ maps JS๋ก ๋ฐ๊ฟจ์ต๋๋ค.
๋น์์ฉ์ด๋, ๊ฐ๋ฐ ์ด๊ธฐ์ ์บ์ ์ค์ ์ ์ ๋ชปํด,์ด์ฉ์๊ฐ ๊ฑฐ์ ์์์๋ ์ง๋ ๋น์ฉ์ด ์ฝ๊ฐ ๋๊ฐ ํ, ์ค๋ ๋ฒํฐ๊ธฐ ์ํด ๋น์ฉ์ ๋ฎ์ถ ํ์๊ฐ ์์ ๋๋ฅผ ๋๋นํ์ต๋๋ค. (์บ์ ์ ๊ตฌํํ๋ฉด ๊ฒ๋ด์ง ์์๋ ๋ ๊ฒ ๊ฐ๊ธด ํฉ๋๋ค.)
- ์นด์นด์ค๋งต ๋์คํฐ ํ์ผ์ ๋ฌด๋ฃ ๋ฒ์๊ฐ ๋๊ธดํ๋ฐ, mapLibre์ ์ ๋ถ์ง ์์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ , ๋ชจ๋ฐ์ผ์์๋ง ๋ฒกํฐ๋ฅผ ์ง์ํฉ๋๋ค.
- ๋ค์ด๋ฒ๋งต์ด ๊ตญ๋ด ํ์ ์ฝ๋ฉ ์ ๋ณด๊ฐ ๊ฐ์ฅ ์ข์๋ฐ, ์ด์ด์์์ ์ฐ๋ ์ปค์คํ
๋ง์ปค๋ค ํฌํ
์ด ์ ์๋์ด ๋ณด๋ฅ ์ค์
๋๋ค.
๊ธ๋ก๋ฒ์ ๋์ํ๋ ค๋ฉด ๊ตฌ๊ธ๋งต ์ธ์ ๋์์ ์์ด๋ณด์ด๊ณ , ๊ตญ๋ด ํ์ ์ด๋ฉด ๊ฐ์ฑ๋น๋ก๋ kakao ๋์คํฐ ํ์ผ, ๋ฒกํฐ๋ฅผ ์ฐ๋ ค๋ฉด ๋ค์ด๋ฒ๊ฐ ๋ซ๊ฒ ์ต๋๋ค. ์ง์ค ์ฝ๋ฉ ์ ๋ณด๋ ๋ค์ด๋ฒ๋งต์ด ์ข ๋ ํ๋ถํด ๋ณด์ด๋ ๋๋์ด๋ฐ, ์ ํํ ๋น๊ต๋ ์๋๋ผ ๊ฐ์ธ ์ฒด๊ฐ์
๋๋ค. ๊ตฌ๊ธ๋งต์์ ๋ํ๋ฏผ๊ตญ ์์ญ์ attribution์ ๋ณด๋ฉด Tmap์ ๊ฐ์ ธ๋ค ์ด๋ค๊ณ ๋์ต๋๋ค.
๊ฒฐ๋ก ์, ์ง์ค ์ฝ๋ฉ์ด ์์ฃผ ์ค์ํ ๊ฑด ์๋๊ณ , ์ค์ธ์์์ด ๋ถ๋๋ฌ์ด ๋ฒกํฐ๋งต์ ์ฐ๋ ค๋ฉด, ์ด๊ธฐ๋ mapLibre + OFM ์ด ์ ์ผ ์ ๋นํ ์ ํ ๊ฐ์ต๋๋ค. ์ข ๋ ์ง๋์ ๋ณต์กํ ์ผ์ ํด์ผ ํ๋ฉด OpenLayers๋ผ๋ ๊ฒ๋ ์๋๋ฐ, ์ด ๊ฑด ์์ง ์จ๋ณด์ง ์์์ต๋๋ค.