text: ANIMATION_DURATION = 0
  
  mapClick = (e) => {
    /**
     * @summary - When Click Map
     */
    let coor = ol.proj.transform(e.coordinate, 'EPSG:3857', 'EPSG:4326')
    let lat = coor[1]
    let lng = coor[0]
    addCircle(lat, lng)
    updateMarker(lat, lng)
    setFocus(lat, lng)
  }
  
  
  
  function changeMapLoc(map) {
    const lnglat = ol.proj.transform(map.getView().getCenter(), 'EPSG:3857', 'EPSG:4326')
    map.naver.setCenter({ x: lnglat[0], y: lnglat[1] })
  }
  
  function setFocus(lat, lng) {
    let coor = ol.proj.transform([lng, lat], 'EPSG:4326', 'EPSG:3857')
    recordingLayer.map
      .getView()
      .animate({ center: coor, duration: ANIMATION_DURATION })
  }
  
  function setZoomLevels(level) {
    recordingLayer.map
      .getView()
      .animate({ zoom: level, duration: ANIMATION_DURATION })
  }
  
  
  
  function ChangeMapRatio(map) {
    const zoom = Math.round(map.getView().getZoom())
    map.naver.setZoom(zoom)
    let olExtent = map.getView().calculateExtent()
    let olStartExt = ol.proj.transform(
      [olExtent[0], olExtent[1]],
      'EPSG:3857',
      'EPSG:4326'
    )
    let olEndExt = ol.proj.transform([olExtent[2], olExtent[3]], 'EPSG:3857', 'EPSG:4326')
    let olSideX = olEndExt[0] - olStartExt[0]
    let olSideY = olEndExt[1] - olStartExt[1]
    let naverStartX = map.naver.getBounds()._min.x
    let naverEndX = map.naver.getBounds()._max.x
    let naverStartY = map.naver.getBounds()._min.y
    let naverEndY = map.naver.getBounds()._max.y
    let naverSideX = naverEndX - naverStartX
    let naverSideY = naverEndY - naverStartY
    let naverRatioX = naverSideX / olSideX
    let naverRatioY = naverSideY / olSideY
    for (const child of map.naver.element.children)
      child.style.transform = `scale(${(naverRatioX, naverRatioY)})`
  }
  