blocks|key|2603011|text|我通过安装来解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2603012|$npm+install+@types/googlemaps+--save-dev|code-block|syntax|javascript|2603013|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I solved it by installing:

<pre><code>$npm install @types/googlemaps --save-dev
</code></pre>

blocks|key|753735|text|要扩展@suraj的回答，您应该有：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|753736|declare+var+google;+|code-block|syntax|javascript|753737|在课堂之外，您正在尝试在其中使用它。|753738|就像在乔希·莫罗尼(+Josh+Morony+)视频中一样，我把它放在导入下面，但在类声明和注释(@Injectable()等)之前。我想，如果您将它放在导入的上方或类的末尾(并且仍然在类之外)，如果您出于任何原因是如此倾向的话，它仍然会起作用。|offset|length|style|CODE|753739|entityMap^0|0|0|0|1D|D|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

To expand on the answer from @suraj, you should have:

<pre><code>declare var google; 
</code></pre>

outside of the class you are trying to use it in. 

Just like in the Josh Morony video, I put it beneath the imports but before the class declaration and annotations (<code>@Injectable()</code> and so forth). I suppose it would still work if you put it above the imports or beneath the end of the class (and still outside of the class), if you were so inclined for whatever reason.

blocks|key|3081516|text|npm+install+--save-dev+@types/googlemaps

import+{}+from+'@types/googlemaps';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3081517|来自this+answer|unstyled|offset|length|3081518|或|style|BOLD|3081519|在页面的component.ts文件中，如下所示|CODE|3081520|declare+var+google;先于export+class+component+{}|3081521|在打字本中可以找到的一种简单的角化6%2B方法是：|3081522|您只需在您的类型记录文件的开头添加这一行(意思是第1行，之前没有任何内容)：
///+<reference+types="@types/googlemaps"+/>|blockquote|3081523|然后|3081524|import+{RemainingItems}+from+'whicheverfolderyouwant';|3081525|Updated+from|3081526|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/42733622/6517383|1|https://stackoverflow.com/a/51169121/6517383^0|0|2|B|0|0|0|1|0|4|C|0|0|J|L|P|0|F|4|0|13|17|0|0|0|1I|0|0|C|1|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|1D|8|@]|9|@$G|1E|H|1F|1|1G]]|A|$]]|$1|I|3|J|5|F|7|1H|8|@$G|1I|H|1J|K|L]]|9|@]|A|$]]|$1|M|3|N|5|F|7|1K|8|@$G|1L|H|1M|K|O]]|9|@]|A|$]]|$1|P|3|Q|5|F|7|1N|8|@$G|1O|H|1P|K|O]|$G|1Q|H|1R|K|O]]|9|@]|A|$]]|$1|R|3|S|5|F|7|1S|8|@$G|1T|H|1U|K|L]]|9|@]|A|$]]|$1|T|3|U|5|V|7|1V|8|@$G|1W|H|1X|K|O]]|9|@]|A|$]]|$1|W|3|X|5|F|7|1Y|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1Z|8|@$G|20|H|21|K|O]]|9|@]|A|$]]|$1|10|3|11|5|F|7|22|8|@]|9|@$G|23|H|24|1|25]]|A|$]]|$1|12|3|-4|5|F|7|26|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19]]|1A|$5|15|16|17|A|$18|1B]]]]

<pre><code>npm install --save-dev @types/googlemaps

import {} from '@types/googlemaps';
</code></pre>
from <a href="https://stackoverflow.com/a/42733622/6517383">this answer</a>
Or
in your <code>component.ts</code> file of your page declare it like this
<code>declare var google;</code> before <code>export class component {}</code>
An easy way Angular 6+ available in typescript is:
<blockquote>
You only have to add this line at the beginning (meaning
line 1, with nothing before) of your Typescript file :
<code>/// &lt;reference types=&quot;@types/googlemaps&quot; /&gt;</code>
</blockquote>
And then
<code>import {RemainingItems} from 'whicheverfolderyouwant';</code>
<a href="https://stackoverflow.com/a/51169121/6517383">Updated from</a>

blocks|key|2603079|text|您必须安装类型：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2603080|npm+install+--save-dev+@types/googlemaps|code-block|syntax|javascript|2603081|在您使用名称空间“google”的类型记录文件中：|2603082|角6%2B在开头添加这条线：|2603083|///+<reference+types="@types/googlemaps"+/>|2603084|角5-加这条线：|2603085|import+{}+from+'@types/googlemaps';|2603086|from+this+answer|offset|length|2603087|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/51169121/2736742^0|0|0|0|0|0|0|0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$S|1A|T|1B|1|1C]]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

You have to install types:

<pre><code>npm install --save-dev @types/googlemaps
</code></pre>

And in your Typescript file where you use the namespace 'google':

[Angular 6+] Add this line at the beginning:

<pre><code>/// &lt;reference types="@types/googlemaps" /&gt;
</code></pre>

[Angular 5-] Add this line:

<pre><code>import {} from '@types/googlemaps';
</code></pre>

<a href="https://stackoverflow.com/a/51169121/2736742">from this answer</a>

blocks|key|2603110|text|更新版本！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2603111|@types/googlemaps已被废弃，相反，您需要安装一个不同的库：|offset|length|style|CODE|2603112|npm+install+@types/google.maps|2603113|在文件的第一行，您需要添加一个三重斜杠指令：|2603114|///+<reference+types="@types/google.maps"+/>|2603115|entityMap^0|0|0|H|0|0|U|0|0|0|18|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|O|$]]

Newer version!
<code>@types/googlemaps</code> has been deprecated, instead, you need to install a different library:
<code>npm install @types/google.maps</code>
and at the very first line in your file, you will need to add a triple-slash directive:
<code>/// &lt;reference types=&quot;@types/google.maps&quot; /&gt;</code>

blocks|key|3081534|text|不需要做额外的事情，只需进入index.d.ts，在声明名称空间google.maps之前粘贴这个。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3081535|declare+module+'googlemaps';|code-block|syntax|javascript|3081536|entityMap^0|E|A|1D|1|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

No need to do some thing extra Just go into index.d.ts and paste this before declare namespace google.maps

<pre><code>declare module 'googlemaps';
</code></pre>

I am following Joshua Morony's Getting Started with Google Maps in Ionic 2 video tutorial. 
I want to use google maps in my application and i end up with a typescript error. this is a part of the
pages/home/home.ts file

<pre><code>initMap(){
let latLng= new google.maps.LatLng(6.929848, 79.857407);

let mapOpt={
 center : latLng,
 zoom : 15,
 mapTypeId :google.maps.MapTypeId.ROADMAP
};

this.map= new google.maps.Map(this.mapElement.nativeElement,mapOpt);}
</code></pre>

I tried <code>npm install --save @types/googlemaps</code>,

but it still gives me the same typescript error Typescript Error
Cannot find name 'google'

Typescript Error Cannot find name 'google' in ionic2 when using googlemaps javascript API

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我是跟随约书亚莫罗尼的入门谷歌地图在Ionic 2视频教程。我想在我的应用程序中使用谷歌地图，结果是一个打字错误。这是页面/home/home. is文件的一部分initMap(){let latLng= new google.maps.LatLng(6.929848, 79.857407);let mapOpt={  center : latLng,  zoom : 15,  mapTypeId

问使用googlemaps javascript时，无法在ionic2中找到名称“google”
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用googlemaps javascript时，无法在ionic2中找到名称“google”EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用googlemaps javascript时，无法在ionic2中找到名称“google”
EN