gpt4 book ai didi

javascript - “Google”未定义 : adding Google Maps API in React JS

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:30:16 25 4
gpt4 key购买 nike

<分区>

这里是 React JS 新手,所以请多多包涵。

我在我的 index.html 文件中添加了 Google Maps API 脚本,如下所示:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">

<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

</head>
<body>

<div id="root"></div>

<script src="https://maps.googleapis.com/maps/api/js?key=MY-API-IS-HERE"></script>
</body>
</html>

然后,我使用 npm 安装了 google-maps-react,这样我就可以使用它的组件了。我像这样在我的组件中导入了这个库:

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';

class BaseMap extends Component {
constructor() {
super();
this.state = {
center: {lat: 42, lng: 14},
zoom: 10
}
};

render() {
let location = {
center: '',
zoom: ''
}

return (
<GoogleMapReact>
</GoogleMapReact>
);
}

myMethod(){
let geocoder = new google.maps.Geocoder();
}
}

export default BaseMap;

但是,当我尝试使用 google.maps.Geocoder 时,我得到:

Line 30:  'google' is not defined  no-undef

据我所知,google 应该是一个全局窗口对象,因为我在 html 文件中包含了 Google Maps API 脚本。但是,它没有定义。

有什么想法吗?提前发送!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com