Map translation issue

by wintlu

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Vector Initial Static Map</title>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
    <script
      src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap&v=beta&map_ids=62a6c17b8425251,514436b0710ce497&libraries=places&region=US&language=en"  
      defer
    ></script>
    <!-- jsFiddle will insert css and js -->
  </head>
  <body>
  <div>
  </div>
    <div class="container">
      <div id="map" class="map"></div>
    </div>
    <br/>
    <div>
      Google map is loaded with region=US&language=en, <br/>
      however, most map labels in Paris are not translated into English <br/><br/>
      examples: <br/>
      actual: Tour Eiffel, Musee du Louvre <br/>
      expected: Eiffel Tower, Louvre Museum
    </div>
    
    <br/>    <br/>


    support case: 52154613
    <div id="logs">
    
    </div>
  </body>
</html>

CSS

html,
body,
.container {
  height: 500px;
}

.container {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.map {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  height: 100%;
}

JavaScript

(function(exports) {
  "use strict";

  // Initialize and add the side by side maps
  function initMap() {
    var mapID = "";
    mapID = "62a6c17b8425251"
    mapID = "514436b0710ce497"

    const map = new google.maps.Map(document.getElementById("map"), {
      center: {
        lat: 48.860334,
        lng: 2.312987
      },
      zoom: 13,
      mapId: mapID,
    });
  }


  exports.initMap = initMap;
})((this.window = this.window || {}));