dev-jonghoonpark/index.html

## index.html
<html>
  <head>
  <script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=<<yourId>>&submodules=panorama"></script>

    <script>
      var pano = null;

      naver.maps.onJSContentLoaded = function() {
          pano = new naver.maps.Panorama("pano", {
              position: new naver.maps.LatLng(37.3599605, 127.1058814),
              pov: {
                  pan: -135,
                  tilt: 29,
                  fov: 100
              }
          });
      };
    </script>

    <style>
      .pano-wrapper {
        position: relative;
      }

      .pano-wrapper,
      #pano {
        width: 100%;
        height: 100%;
      }

      .close-btn {
        position: absolute;
        right: 1rem;
        top: 1rem;
        width: 36px;
        height: 36px;
        z-index: 1000000000000000000000000;
        background: #484848;
      }
    </style>
  </head>
  <body>
    <div class="pano-wrapper">
      <div id="pano"></div>
      <div class="close-btn"></div>
    </div>
  </body>
</html>
	<html>
	<head>
	<script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=<<yourId>>&submodules=panorama"></script>

	<script>
	var pano = null;

	naver.maps.onJSContentLoaded = function() {
	pano = new naver.maps.Panorama("pano", {
	position: new naver.maps.LatLng(37.3599605, 127.1058814),
	pov: {
	pan: -135,
	tilt: 29,
	fov: 100
	}
	});
	};
	</script>

	<style>
	.pano-wrapper {
	position: relative;
	}

	.pano-wrapper,
	#pano {
	width: 100%;
	height: 100%;
	}

	.close-btn {
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 36px;
	height: 36px;
	z-index: 1000000000000000000000000;
	background: #484848;
	}
	</style>
	</head>
	<body>
	<div class="pano-wrapper">
	<div id="pano"></div>
	<div class="close-btn"></div>
	</div>
	</body>
	</html>