The phenomenon of vortex is common in our daily lives everywhere. For instance, the typhoon is caused by the Tropical Depression and the vortex is generated by flowing water, etc. Simultaneously, the similar concept also occurs in the light field. Different from the common laser, because vortex beams provide information of Orbital Angular Momentum equipped with spatial phase dependence factor exp(ilθ) and twists with Topological Charge while transmitting. Moreover, vortex beams of different topological charge l are orthogonal, which will not have impact on each other while transmitting. This paper uses gallium nitride (GaN) nano-resonators with Pancharatnam-Berry(PB) phase design principle. The nano-resonators are arranged on sapphire substrate by hexagonal base, and simulated for 450nm laser. Two different topological charges(l=16、l=32) of OAM metasurfaces are designed with the diameter of 100μm, the focal length of 150μm and the numerical aperture of 0.3. To ensure that the products match the design (W=90nm, L=160nm), we also inspect the size and verticality of the GaN nano-resonators using scanning electron microscope(SEM). In the end, we successfully measured vortex beams with two topological charges after the circularly polarized incident light go through the metasurface. In the future, the vortex beams with integrity and high resolution can be applied to fiber transmission, optical microscope and particle manipulation.