Google Maps(JS)开发入门(5):设置地图显示语言

在某些Google Maps的场景中,需要设置地图显示语言,默认的会显示用户IP所在的地区语言。

全部代码

<!DOCTYPE html>
<html>
  <head>
    <title>设置地图显示语言</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyB062x7b2UUvRIMLRIHJ8rFaZXGSkca89c&sensor=true&language=ru"></script>
    <script>
      function initialize() {
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(25.091075 , 121.55983449999997)
          };
          var map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
        }
        google.maps.event.addDomListener(window, 'load', initialize);
&lt;/script&gt;

</head>
<body>
<div id="map-canvas"></div>
</body>
</html>

把这段代码直接复制保存为.html文件,然后修改你的API Key即可使用。

效果展示

代码解析

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyB062x7b2UUvRIMLRIHJ8rFaZXGSkca89c&sensor=true&language=ru"></script>

这里是设置显示语言的地方,参数是language=ru,从上面的示例可以看出,显示语言是俄语,也就是ru。这里的ru是地区代码,代表俄罗斯。其它地区如下

简体中文(中国)
zh-cn
繁体中文(台湾地区)
zh-tw
繁体中文(香港)
zh-hk
英语(香港)
en-hk
英语(美国)
en-us
英语(英国)
en-gb
英语(全球)
en-ww
英语(加拿大)
en-ca
英语(澳大利亚)
en-au
英语(爱尔兰)
en-ie
英语(芬兰)
en-fi
芬兰语(芬兰)
fi-fi
英语(丹麦)
en-dk
丹麦语(丹麦)
da-dk
英语(以色列)
en-il
希伯来语(以色列)
he-il
英语(南非)
en-za
英语(印度)
en-in
英语(挪威)
en-no
英语(新加坡)
en-sg
英语(新西兰)
en-nz
英语(印度尼西亚)
en-id
英语(菲律宾)
en-ph
英语(泰国)
en-th
英语(马来西亚)
en-my
英语(阿拉伯)
en-xa
韩文(韩国)
ko-kr
日语(日本)
ja-jp
荷兰语(荷兰)
nl-nl
荷兰语(比利时)
nl-be
葡萄牙语(葡萄牙)
pt-pt
葡萄牙语(巴西)
pt-br
法语(法国)
fr-fr
法语(卢森堡)
fr-lu
法语(瑞士)
fr-ch
法语(比利时)
fr-be
法语(加拿大)
fr-ca
西班牙语(拉丁美洲)
es-la
西班牙语(西班牙)
es-es
西班牙语(阿根廷)
es-ar
西班牙语(美国)
es-us
西班牙语(墨西哥)
es-mx
西班牙语(哥伦比亚)
es-co
西班牙语(波多黎各)
es-pr
德语(德国)
de-de
德语(奥地利)
de-at
德语(瑞士)
de-ch
俄语(俄罗斯)
ru-ru
意大利语(意大利)
it-it
希腊语(希腊)
el-gr
挪威语(挪威)
no-no
匈牙利语(匈牙利)
hu-hu
土耳其语(土耳其)
tr-tr
捷克语(捷克共和国)
cs-cz
斯洛文尼亚语
sl-sl
波兰语(波兰)
pl-pl
瑞典语(瑞典)
sv-se
西班牙语(智利)
es-cl

如果你是第一次接触Google Maps开发,具体的基础js函数解析可以看这里

Google Maps(JS)开发入门(4):使用HTML5 Geolocation属性定位 Google Maps(JS)开发入门(6):设置文字从右向左排列

作者:,GIS爱好者。
分享本文,请您带上本文链接
分享到:

发表评论