<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css"
type="text/css">
<script
src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/build/ol.js"></script>
<title>Insert title here</title>
</head>
<body>
<h2>오픈 레이어스 브이월드 배경지도 테스트</h2>
<div id="map" class="map" style="width: 600px; height: 600px;"></div>
<script>
//브이월드 타일레이어 url 설정
var basicMapsource =new ol.source.XYZ({
url: 'http://xdworld.vworld.kr:8080/2d/Base/202002/{z}/{x}/{y}.png'
});
//타일레이어 생성하기
var basicMapLayer = new ol.layer.Tile({
source:basicMapsource
});
//위치는 우리나라 중앙쯤(?)
var view = new ol.View({
center:[14248656.389982047, 4331624.063626864], //4326 좌표계
zoom:8,
});
var basicMap = new ol.Map({
target:"map", // 지도를 생성할 element 객체의 id 값,
layers:[basicMapLayer], //생성한 레이어 추가,
view:view //view 설정
});
</script>
</body>
</html>
가장 간단하게 만든 기본지도
소스 만들어서 레이어 만들 때에 넣고
맵 만들 때, 소스랑 뷰 넣어주면 기본지도 빠밤! 등장!
이제 주제도를 띄워보자..!
주제도 부터는 key가 필요하다
https://blog.itcode.dev/projects/2022/03/22/gis-guide-for-programmer-12
OpenLayers를 여행하는 개발자를 위한 안내서 - 12. 맵의 유용한 정보 표시하기 - 𝝅번째 알파카의
지도를 다루다보면, 내가 현재 보고있는 영역의 좌표, 지도 상에서 마우스가 위치한 좌표, 줌 레벨 등 다양한 정보를 얻어야할 경우가 생긴다. 이런 니즈를 충족하기 위해, 지도 상에 상태창을
blog.itcode.dev
https://mygameprogamming.tistory.com/69
브이월드(opanlayers 3) 지도 + WMS(상권 지도) + 다음 로드뷰
구현한 기능 1. 브이월드 지도API 로 지도 생성(버전 : 2D 지도 API 2.0) 2. 지도 위에서 마우스 클릭시 해당 좌표 반환 및 마커 클릭 이벤트 처리 3. 좌표를 주소로 변환(지오코딩) 4. 상권 지도(layer) 및
mygameprogamming.tistory.com
https://www.vworld.kr/dev/v4dv_baseguide_s001.do
브이월드 오픈API
소개 WMTS API를 이용시 최신 버전의 Openlayers를 이용할 수 있습니다. 배경지도 및 영상지도, 하이브리드 지도를 제공합니다. 요청URL을 인증받은 키값과 함께 사용자 클라이언트에 Javascript 소스로
www.vworld.kr
줌 조절
map에서 view꺼내서 그 안의 줌 조절
map.getView().setZoom(18)http://www.gisdeveloper.co.kr/?p=6285
[OpenLayers] 지도를 원하는 위치와 Zoom으로 조정하기 – GIS Developer
Map 객체는 View 객체를 통해 화면에 지도의 어떤 위치를 표시할지를 결정할 수 있다. 먼저 MBR을 통해 조정하는코드의 예는 아래와 같다. var mbr = vectorSource.getExtent(); map.getView().fit(mbr); 또한 원하는
www.gisdeveloper.co.kr
[OpenLayers] Feature를 만들어 보자
오늘 포스팅은 OpenLayers에서 Feature를 컨트롤 하는 방법에 대해 포스팅하고자 합니다. 처음 포스팅을 보신 분들은 아래 포스팅을 통해 기본 OpenLayers 적용하신 후 진행하시면 됩니다. 2019/11/18 - [GIS/
sihus.tistory.com