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 −
In this guide, we will learn about localization in Google Maps. To know more click here.