Google Maps - Localization


Advertisements


By default, the city names and option names given on the map will be in English. If required, we can display such information in other languages as well. This process is known as localization. In this chapter, we will learn how to localize a map.

Localizing a Map

You can customize (localize) the language of the map by specifying the language option in the URL as shown below.

<script src = "https://maps.googleapis.com/maps/api/js?language=zh-Hans"></script>

Example

Here is an example that shows how to localize GoogleMaps. Here you can see a roadmap of China that is localized to Chinese language.

<!DOCTYPE html>
<html>
   <head>
      <script src = "https://maps.googleapis.com/maps/api/js?language=zh-Hans"></script>
      
      <script>
         function loadMap() {
			
            var mapOptions = {
               center:new google.maps.LatLng(32.870360, 101.645508),
               zoom:9, 
               mapTypeId:google.maps.MapTypeId.ROADMAP
            };
				
            var map = new google.maps.Map(document.getElementById("sample"),mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap()">
      <div id = "sample" style = "width:580px; height:400px;"></div>
   </body>

</html>

Output

It will produce the following output −



Advertisements