错误InvalidValueError

Question

我在加载页面时遇到此错误：

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

        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);
}

这是我的全部功能但我必须说更多细节是我不知道该写什么。 这是我的全部功能，但我必须说更多的细节是我不知道该写什么。 这是我的全部功能，但我必须说更多细节，我不知道该写些什么。

Answer 1

您的代码格式不正确，第12行有Unexpected '}'

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

请使用JSLint

验证您的代码

同时将您的功能置于Google API调用之上，如下所示：

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

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

请参阅SO post了解一些有价值的想法

Answer 2

您必须在脚本

后加载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>