구글지도 소스 언어설정-영어로 나오게 하기

먼저 구글지도를 영문명으로 보고 싶을때는 아래와 같이 언어옵션 파라미터를 주면 됩니다.

https://maps.google.co.kr/?hl=en

영어는:en
중국어:zh
일본어:ja
베트남어:vi

 

 

 

구글 지도를 홈페이지에 넣을때 특정 언어로 나오게 하는 소스

기본적으로 구글지도는 브라우져 언어를 감지해서 해당 언어로 보여지는데요.

지도에 표시된 글자를 한국에서도 영어로 나오게하는 소스입니다.

아래소스에 구글api키값을 넣으시고 좌표값을 넣어주시면됩니다.

 

 

<style>

#map {

height: 300px;

}

</style>

<div id=”map”></div>

<script>

function initMap() {

var cairo = {lat: 30.064742, lng: 31.249509};

var map = new google.maps.Map(document.getElementById(‘map’), {

scaleControl: true,

center: cairo,

zoom: 15

});

var infowindow = new google.maps.InfoWindow;

infowindow.setContent(‘<b>말풍선에 들어갈 문구</b>’);

var marker = new google.maps.Marker({map: map, position: cairo});

marker.addListener(‘click’, function() {

infowindow.open(map, marker);

});

}

</script>

<script async defer src=”https://maps.googleapis.com/maps/api/js?key=키값을 넣어주세요&language=en&callback=initMap”></script>

적용해보면 아래와 같이 보여지는 걸 볼수 있습니다.

 

 

 

구글 맵 개발자 페이지에 보면 다른 샘플 소스들이 있으니 참고하시면 될거 같아요.

https://developers.google.com/maps/documentation/javascript/examples/?hl=ko