Question

HTML代码：

<!doctype html>
<html>
  <head>
    <title>Sample App</title>
  </head>
  <body>
    <div id='root'>
    </div>
    <script src="/static/bundle.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY" type="text/javascript"></script>
  </body>
</html>

myComponent.js

const google = Window.google;
geocoder = new google.maps.Geocoder();

运行代码时，出现以下错误：

Uncaught TypeError: Cannot read property 'maps' of undefined

但是当我

console.log(window)

我可以在窗口中看到google，并在google中看到地图...

可能是什么问题？我在猜测有关加载的信息，但不确定如何修复。预先感谢

Answer 1

使用以下代码：

const google =window.google;
geocoder = new google.maps.Geocoder();

或使用此：

geocoder = new window.google.maps.Geocoder();

无法读取未定义的属性“地图”-Google Maps-React JS

1 个答案: