首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >谷歌反应谷歌地图:‘TypeScript’不存在

谷歌反应谷歌地图:‘TypeScript’不存在
EN

Stack Overflow用户
提问于 2020-04-02 15:36:44
回答 2查看 1.3K关注 0票数 2

我已经在public/index.html中加载了google maps API,在开发工具控制台中,我可以很好地记录window.google.maps

但是TypeScript不知道它在那里,我得到这个错误,Property 'google' does not exist on type 'Window & typeof globalThis'.ts(2339),我如何告诉typescript它确实存在?

代码语言:javascript
复制
import React, { useRef } from "react";

function Map() {
    const mapRef = useRef<HTMLDivElement>(null);
    const google = window.google;
//                          ^ Error: Property 'google' does not exist on type 'Window & typeof globalThis'
    const myLatlng = new google.maps.LatLng(-34.397, 150.644);
    const mapOptions = {
    zoom: 8,
    center: myLatlng,
    };
    const map = new google.maps.Map(mapRef.current, mapOptions);
  return (<div ref={mapRef}></div>);
}

export { Map };
EN

回答 2

Stack Overflow用户

发布于 2020-04-30 06:56:55

我又想了想这件事。如果您还没有安装来自DefinitelyTyped的Google Map typings,我建议您这样做:

npm install --save @types/googlemaps。(如果您只想将它们用于自己的开发,则可以使用--save-dev。)

票数 3
EN

Stack Overflow用户

发布于 2020-09-21 11:11:27

谷歌建议使用带有此设置的ts.config.json。

https://developers.google.com/maps/documentation/javascript/using-typescript

代码语言:javascript
复制
{
  "compilerOptions": {
    "types": ["google.maps"]
  }
}

在项目的根目录中,您必须创建ts.config.json并添加该属性single property。下面是创建ts.config.json的方法:

代码语言:javascript
复制
   npx tsc --init
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60986424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档