我在我的React项目中使用谷歌地图。它工作正常,但在控制台中,我收到错误:
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()
?
我找到了解决方案。我需要创建 initMap(( 函数,并将脚本放在谷歌地图的脚本之前。最终代码:
<script>
initMap = function(){}
</script>
<script
src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
</script>