본문 바로가기
Wep Map/vworld

브이월드 API 샘플

by 유봉삼 2023. 4. 17.
728x90
반응형

브이월드API(20201205) (1).zip
4.85MB

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>2D 지도생성 2.0</title>
<script type="text/javascript" src="http://map.vworld.kr/js/vworldMapInit.js.do?version=2.0&apiKey=451153E4-7D0D-37EC-979D-E98C75EB50E9&domain=http://localhost:8080"></script>
</head>

<body>

<div id="vmap" style="width:100%;height:370px;left:0px;top:0px"></div>
 
<script type="text/javascript">

vw.ol3.CameraPosition.center = [14321697.310319025, 4383887.613187535];
vw.ol3.CameraPosition.zoom = 15;

vw.ol3.MapOptions = {

  basemapType: vw.ol3.BasemapType.GRAPHIC
, controlDensity: vw.ol3.DensityType.EMPTY
, interactionDensity: vw.ol3.DensityType.BASIC
, controlsAutoArrange: true
, homePosition: vw.ol3.CameraPosition
, initPosition: vw.ol3.CameraPosition
};

vmap = new vw.ol3.Map("vmap",  vw.ol3.MapOptions); 
/* 	지도이동
vmap.getView().setCenter([14321697.310319025, 4383887.613187535])
vmap.getView().setZoom(12)
 */
</script>
</body>
</html>

728x90
반응형