Javascript 错误InvalidValueError

加载页面时出现以下错误：

这个错误时有出现，我不知道它从哪里来，你有什么想法吗？ 为了更具可读性，我删除了我所在区域的样式和位置

        var map;
        var infoWindow;

        function initMap() {
          map = new google.maps.Map(document.getElementById('map'), {
            zoom: 12,
            center: {
              lat: 48.862569,
              lng: 2.281208
            },
            mapTypeId: 'terrain',
            styles: [ // styles]
          });

          // Define the LatLng coordinates for the polygon.
          var zone = [// zone];

          // Construct the polygon.
          var bermudaTriangle = new google.maps.Polygon({
            paths: zone,
            strokeColor: '#ff9800',
            strokeOpacity: 0.8,
            strokeWeight: 3,
            fillColor: '#ff9800',
            fillOpacity: 0.35
          });
          bermudaTriangle.setMap(map);

          infoWindow = new google.maps.InfoWindow();
        }

    function showArrays(event) {
      var vertices = this.getPath();

      var contentString = '<b>Bermuda Triangle polygon</b><br>' +
        'Clicked location: <br>' + event.latLng.lat() + ',' + event.latLng.lng() +
        '<br>';

      // Iterate over the vertices.
      for (var i = 0; i < vertices.getLength(); i++) {
        var xy = vertices.getAt(i);
        contentString += '<br>' + 'Coordinate ' + i + ':<br>' + xy.lat() + ',' +
          xy.lng();
      }

      // Replace the info window's content and position.
      infoWindow.setContent(contentString);
      infoWindow.setPosition(event.latLng);

      infoWindow.open(map);
    }
    function showArrays(event) {
  var vertices = this.getPath();

  var contentString = '<b>Bermuda Triangle polygon</b><br>' +
    'Clicked location: <br>' + event.latLng.lat() + ',' + event.latLng.lng() +
    '<br>';

  // Iterate over the vertices.
  for (var i = 0; i < vertices.getLength(); i++) {
    var xy = vertices.getAt(i);
    contentString += '<br>' + 'Coordinate ' + i + ':<br>' + xy.lat() + ',' +
      xy.lng();
  }

  // Replace the info window's content and position.
  infoWindow.setContent(contentString);
  infoWindow.setPosition(event.latLng);

  infoWindow.open(map);
}

var映射；
var信息窗口；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：{
拉脱维亚：48.862569，
液化天然气：2.281208
},
mapTypeId:'地形'，
样式：[//样式]
});
//定义多边形的板条坐标。
var zone=[//zone]；
//构造多边形。
var bermudaTriangle=新建google.maps.Polygon({
路径：区域，
strokeColor:“#ff9800”，
笔划不透明度：0.8，
冲程重量：3，
填充颜色：'#ff9800'，
不透明度：0.35
});
百慕大陆角。设定图（map）；
infoWindow=new google.maps.infoWindow（）；
}
函数ShowArray（事件）{
var顶点=this.getPath（）；
var contentString='百慕大三角多边形
'+
'单击的位置：
'+event.latLng.lat（）+'，'+event.latLng.lng（）+
“
”；
//在顶点上迭代。
对于（var i=0；i'+xy.lat（）+'，'+
xy.lng（）；
}
//替换信息窗口的内容和位置。
setContent（contentString）；
infoWindow.setPosition（event.latLng）；
打开（地图）；
}
函数ShowArray（事件）{
var顶点=this.getPath（）；
var contentString='百慕大三角多边形
'+
'单击的位置：
'+event.latLng.lat（）+'，'+event.latLng.lng（）+
“
”；
//在顶点上迭代。
对于（var i=0；i'+xy.lat（）+'，'+
xy.lng（）；
}
//替换信息窗口的内容和位置。
setContent（contentString）；
infoWindow.setPosition（event.latLng）；
打开（地图）；
}

这是我所有的功能，但我必须说更多的细节是我不知道写什么。 这是我所有的功能，但我必须说更多的细节是我不知道写什么。

---

这都是我的功能，但我必须说，更详细的是，我不知道该写什么。

您的代码格式不正确，您在第12行有一个

意外的'}'

styles: [ // styles]
     } // this is extra

请使用以下命令验证您的代码：

另外，将函数置于对Google API的调用之上，如下所示：

<script>
function initMap() {
...
...
}
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=yourKeyHere">
</script>

函数initMap（）{
...
...
}

---

请参阅本文，了解一些有价值的想法

您必须在脚本之后加载Google Maps Api

 <script>
  // Your code - ie: function initMap(){}  
 </script>
 <script async defersrc="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY&callback=initMap">
 </script>
 </body>
</html>

//您的代码-ie:function initMap（）{}

你的脚本是在gmaps之前加载的吗？我在HTML中有更新问题，你在哪里加载脚本，在哪里调用google maps api脚本？你的必须先加载…我的脚本是底部的HTML。在将脚本转换为地图之前，我已经编写了谷歌API脚本