【備忘録】GoogleMap埋め込みを英語表記で
主に外国人の方向けに、Web上で
Googleマップを英語で表示させたいという時の私的備忘録です。
Googleマップから埋め込みコードを取得した場合は、
日本語表記となります（当たり前ですが）。
-*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-*
▼ヘッダー部分に追加（1）
|
1 |
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script> |
※末尾に「&language=en」をつけて英語に
-*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-*
▼ヘッダー部分に追加（2）
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<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：初期表示時のズーム値（0～19）
center：初期表示位置
mapTypeId：初期表示時マップの種類
ROADMAP＝地図
SATELLITE＝航空写真
HYBRID＝地図＋写真
TERRAIN＝地形
-*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-*
▼地図を挿入する部分
|
1 |
<div id="gmap" style="width: 400px; height: 300px;"></div> |
-*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-*
▼表示結果（キャプチャ）
-*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-* -*-*-*-*
▼参考にさせていただいたサイト
http://gmap3.blog52.fc2.com/blog-entry-1.html
真夜中に半泣きになりながら検索した思い出とともに（笑）
本当に助かりました。ありがとうございました（；▽；）
この記事の投稿者
iziz
Webデザイナー&HTMLコーダーときどきイラストレーター。
