OpenLayers ์คํ๋ ์ด์ด๋ ์คํ ์์ค ์น ๋ธ๋ผ์ฐ์ ์์ ์ง๋ ๋ฐ์ดํฐ๋ฅผ ํ์ํ๊ธฐ ์ํ javaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ OpenLayers๋ ์ง๋์๋ฒ๋ฅผ ์ด์ฉํด์ ์ง๋๋ฅผ ๋์ธ ์ ์๋ ์คํ์์ค ์ง๋ ์๋น์ค๋ฅผ ์ ๊ณตํ์ง ์์. ์ง๋์๋น์ค๋ฅผ ํธ๋ฆฌํ๊ฒ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๋๊ตฌ ๊ธฐ๋ฅ๋ณ๋ก ๋๋ js / ์ ์ฒด๋ก ๋ฌถ์ธ js 1 ) map ์น ์ง๋ ์๋น์ค๋ฅผ ์ ๊ณตํ๊ธฐ ์ํด ๊ธฐ๋ณธ์ด ๋๋ ํด๋์ค ์์ฑ์ : OpenLayers Map(div, options) div ์ง๋๋ฅผ ๋ณด์ฌ์ค ์์ญ ์์ฑ์ ์ํ div์ง์ options Map๊ฐ์ฒด ์์ฑ์ ์ํ ์ต์ ๋ค๋ก ์์ญ, ์ขํ๊ณ, ๋จ์ ๋ฑ์ ๋ช ์ํ๋ ๋ถ๋ถ 2 ) Layer Layer๋ฅผ ์์ฑํ๊ณ ์กฐ์ํ๋ ํ๋กํผํฐ ๋ฐ ํจ์๋ก ๊ตฌ์ฑ๋ ํด๋์ค. WMS , WFS , GML , Vector La..