Question

我在我的React项目中使用Google地图。它工作正常，但在控制台中出现错误：

Uncaught Ob {message: "initMap is not a function", name: "InvalidValueError"

我尝试了一些解决方案，但似乎没有任何效果。我的代码当前代码：

</head>

  <script async defer
  src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
  </script>

  <script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
  </script>

  <body>

（在头部和身体之间）。我在这样的js文件中使用地图：

function initMap(form, type, id, legendType) {
    ...

    for (var i = 0; i < markers.length; i++) {
      markers[i].setMap(map);
    }
    return hashMap;
}

我需要在没有任何参数的情况下调用简单的initMap()吗？

Answer 1

我找到了解决方案。我需要创建initMap（）函数，并将脚本放在带有Google地图的脚本之前。最终代码：

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

  <script
  src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
  </script>

React

1 个答案: