Blog

HOME > Web > Googleマップ > 【Javascript】Google Mapsを英語で表示

【Javascript】Google Mapsを英語で表示

2017/05/14

Googleマップ javascript JQuery

備忘録です。

英語サイトを作成する際に、Google Mapsを英語で表示する必要がありました。

参考サイト
【備忘録】GoogleMap埋め込みを英語表記で

英語で表示するために「&language=en」を追加します。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>

あとは下記を記述して完了です。

<script type="text/javascript"> 
        google.maps.event.addDomListener(window, 'load', function() { 
		
            var lat = 43.058603; //座標
            var lng = 141.369084; //座標
 
            var latlng = new google.maps.LatLng(lat, lng); 
            var mapOptions = { 
                zoom: 12, 
                center: latlng, 
                mapTypeId: google.maps.MapTypeId.ROADMAP, 
                scaleControl: true 
            }; 
            var mapObj = new google.maps.Map(document.getElementById('gmap'), mapOptions); 
            var marker = new google.maps.Marker({ 
                position: latlng, 
                map: mapObj 
            }); 
        }); 
</script>

※zoom: 12は数値が大きいほど拡大表示されます。

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ