구글 번역 API 사용하기 - java

요새는 페이지 구축할때 영문페이지는 그냥 구글 api를 사용하는 경우가 많다고 합니다.

 

그럼 바로 소스 보여드릴께요

 

<div id="google_translate_element" class="hd_lang" style="float: right;position: relative;top: -4px;margin-left: 10px;"></div>
				<script>
					function googleTranslateElementInit() {
						new google.translate.TranslateElement({
							pageLanguage: 'ko',
							includedLanguages: 'ko,en',
							//layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
							autoDisplay: false
						}, 'google_translate_element');
					}
				</script>
				<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
			</div>

저는 딱 영어, 한국어만 설정을 해놨어요 

 

저기 includedLanguages에 다른거 넣어주면 바로 출력이 될껍니다. ㅎㅎ

 

그리고 거기에 css를 설정하고 싶으세요?

 

    <script>
    
    setTimeout(function() {
    	  $("select.goog-te-combo").addClass("tx-select-top");
    }, 1000);
    
    </script>

이런식으로 setTimeout을 걸어서 

 

설정해주었네요 ㅎㅎ

 

결과물 

 

 

성공!